`
akinlong
  • 浏览: 70450 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

JS生成按钮以及onclick动作

 
阅读更多

在用JS生成onclick动作时遇到困难,用了一天才解决,记录备忘:

1、想实现的效果是:

用JS生成按钮(button),并给其附加各种属性,

生成代码类似:<input name='99' type='button' onclick='showHint(this.name)' value='顶一下'/>

包括动作:onclick='showHint(this.name)'    //'showHint(this.name)是一个事先写好的JS函数,(this.name)是传的参数。

开始写的代码如下:

//----------------------------------创建投票按钮-------------------------------------------

var votebutton = document.createElement("input");    // 生成input对象
    votebutton.type = "button";                                       // 生成input属性value
    votebutton.value = "支持,顶一下";
    votebutton.name = "99";                                         // 可用JS中的票数变量替换此处的“99”,
                                                                                      供下面的vote()传回;

    votebutton.className = "btnone";
    votebutton.onclick= "vote(this.name)";                   //这句不好用
    _td12.appendChild(votebutton);                             //将按钮附加到“ _td12”的td中

2、遇到的问题:

发现这句不起作用:votebutton.onclick= "vote(this.name)";

到网上查,发现votebutton.onclick= 后面加的函数不能加参数,但我需要传一个参数,

2、解决方法:

把它换成这种方式写:

votebutton.onclick=function (){
              vote(this.name);

};
分享到:
评论

相关推荐

    js生成四位验证码并验证

    通过本文的学习,你可以了解到如何使用JavaScript生成随机数、设置DOM元素的样式以及如何进行简单的事件处理。 #### 二、核心功能解析 ##### 1. 生成四位验证码 生成四位验证码的核心在于使用JavaScript生成随机数...

    js随机生成一个口算题库

    - `&lt;button&gt;`元素用于创建刷新按钮,其`onclick`属性关联一个JavaScript函数,用于重新生成题目。 4. **事件监听**: - 在JavaScript中,我们可以使用`addEventListener('click', function)`来监听按钮点击事件。...

    IE8的JavaScript点击事件(onclick)不兼容的解决方法

    这种情况在使用JavaScript生成的页面元素如分页按钮时尤为常见。解决这一兼容性问题,涉及到几个关键点:IE8对某些DOM属性支持的差异、HTML元素事件属性的兼容性以及代码执行方式。 IE8不支持`setAttribute`方法来...

    【JavaScript源代码】JavaScript点击按钮生成4位随机验证码.docx

    这里定义了一个`&lt;div&gt;`元素用于显示验证码,以及一个按钮用于触发生成验证码的事件。 ##### 4.2 JavaScript逻辑编写 ```javascript // 定义包含所有可能的字符的数组 var arr = ["a", "b", "c", "d", "e", "f", ...

    点击按钮,html生成图片并下载

    在IT领域,尤其是在Web开发中,"点击按钮,html生成图片并下载"是一个常见的需求,主要涉及HTML、CSS、JavaScript以及一些辅助库如html2canvas。这个功能允许用户通过简单的交互,将网页的部分或者全部内容转化为...

    js生成验证码

    ### JS生成验证码知识点详解 #### 一、代码结构与功能概述 本文档介绍了一个使用JavaScript实现的简单网页验证码生成及验证方法。通过该方法,可以在网页上动态生成一个由数字和字母组成的验证码,并且能够对用户...

    Spring boot + thymeleaf 后端直接给onclick函数赋值的实现代码

    在上面的示例代码中,我们使用 Thymeleaf 的变量表达式来生成 onclick 事件处理函数,例如 `th:onclick="'javascript:check('+${corp.id}+',2)'"`。这个事件处理函数将在点击按钮时被触发,并将 corp.id 和 status ...

    网页js自动生成二维码

    接下来,我们将详细讨论如何使用JS来生成二维码以及涉及的关键知识点。 1. **JavaScript基础**:首先,你需要对JavaScript有一定的了解,包括变量声明、函数定义、DOM操作等。这是在HTML中动态生成内容的基础。 2....

    用javajs来生成二维码

    3. 使用JavaScript生成二维码:接下来,在JavaScript中调用`qrcode`函数,传入二维码的类型和数据。 ```javascript var qr = new QRCode(document.getElementById("qrcode"), { text: "http://www.example.com",...

    javascript按钮添加控件

    在给定的文件中,我们看到了一个通过JavaScript技术实现按钮添加控件的示例。这段代码展示了一个网页应用,其中包含一个按钮,当点击该按钮时,会动态地在页面上添加一个新的输入文本框(控件)以及一个删除链接。这...

    js动态生成文本框并有删除功能

    ### JS动态生成文本框并实现删除功能的知识点 在现代Web开发中,动态地操作DOM(文档对象模型)是常见的需求之一。通过JavaScript可以轻松地实现这一目标。本篇文章将详细解析如何使用JavaScript来动态创建文本框,...

    js生成验证码.txt

    本文将基于给定的`js生成验证码.txt`文件内容,详细介绍如何使用JavaScript生成简单的数字验证码。 #### 二、HTML结构分析 首先,我们来看一下HTML部分的代码: ```html ޱҳ ;width:52px;height:16px;...

    html图片按钮制作工具

    5. **JavaScript交互**:如果按钮需要执行某些JavaScript功能,如触发弹出窗口或发送AJAX请求,可以使用`onclick`事件处理程序。 ```html &lt;button type="button" onclick="alert('Button clicked!')"&gt; !"&gt; ``` 6...

    js生成和删除控件.doc

    总结来说,JavaScript 动态生成和删除控件的核心在于理解DOM的结构和操作,以及如何利用事件处理来实现交互。在实际应用中,还可以结合服务器端技术如JSP、ASP进行更复杂的交互和数据处理。例如,使用AJAX异步更新...

    js实现点击按钮随机生成背景颜色

    然后,我们将`onclick`事件监听器绑定到该按钮上,当按钮被点击时,执行`yanSe()`函数,生成一个新的随机颜色,并将其赋值给`document.body.style.background`,从而改变页面的背景颜色。 ### 实现效果 用户在...

    JS中动态添加事件(绑定事件)的代码

    两种方式:直接给对象添加事件,节点添加事件 例如给一个id为tab1的添加onclick事件 第一种情况: 代码如下: var t = document.getElementById(“tab1”); t.onclick = function tst(){ alert&#40;”&#41;; } 第二种...

    js二维码在线制作生成系统源码

    在这个项目中,开发者可能选择了`qrcode.js`库,这是一个轻量级且易于使用的JavaScript二维码生成器。它允许我们在浏览器环境中通过简单的API调用生成二维码。首先,我们需要在HTML文件中引入该库的JavaScript文件...

    动态的添加按钮和按钮的响应函数

    这可以极大地提高应用程序的灵活性和可扩展性,比如在数据管理中,当用户添加新项目时,可以动态生成一个“删除”按钮,或者在游戏里,随着游戏进程增加新的功能按钮。 在多数UI框架中,动态添加按钮的过程涉及到...

    Javascript点击按钮随机改变数字与其颜色

    从给定文件内容中提取出的知识点非常明确,主要围绕如何利用JavaScript实现点击按钮随机改变数字和其字体颜色的功能。下面是基于所提供内容的知识点详细说明: 1. HTML结构和样式设置:首先,需要了解基本的HTML...

    asp 通过变量生成二维码可批量任意

    首先,我们看到"jq.js"和"qr.js"这两个文件名,它们分别代表了jQuery和一个用于生成二维码的JavaScript库。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和Ajax交互等任务。而"qr.js"很可能是基于...

Global site tag (gtag.js) - Google Analytics