在用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);
};
分享到:
相关推荐
通过本文的学习,你可以了解到如何使用JavaScript生成随机数、设置DOM元素的样式以及如何进行简单的事件处理。 #### 二、核心功能解析 ##### 1. 生成四位验证码 生成四位验证码的核心在于使用JavaScript生成随机数...
- `<button>`元素用于创建刷新按钮,其`onclick`属性关联一个JavaScript函数,用于重新生成题目。 4. **事件监听**: - 在JavaScript中,我们可以使用`addEventListener('click', function)`来监听按钮点击事件。...
这种情况在使用JavaScript生成的页面元素如分页按钮时尤为常见。解决这一兼容性问题,涉及到几个关键点:IE8对某些DOM属性支持的差异、HTML元素事件属性的兼容性以及代码执行方式。 IE8不支持`setAttribute`方法来...
这里定义了一个`<div>`元素用于显示验证码,以及一个按钮用于触发生成验证码的事件。 ##### 4.2 JavaScript逻辑编写 ```javascript // 定义包含所有可能的字符的数组 var arr = ["a", "b", "c", "d", "e", "f", ...
在IT领域,尤其是在Web开发中,"点击按钮,html生成图片并下载"是一个常见的需求,主要涉及HTML、CSS、JavaScript以及一些辅助库如html2canvas。这个功能允许用户通过简单的交互,将网页的部分或者全部内容转化为...
### JS生成验证码知识点详解 #### 一、代码结构与功能概述 本文档介绍了一个使用JavaScript实现的简单网页验证码生成及验证方法。通过该方法,可以在网页上动态生成一个由数字和字母组成的验证码,并且能够对用户...
在上面的示例代码中,我们使用 Thymeleaf 的变量表达式来生成 onclick 事件处理函数,例如 `th:onclick="'javascript:check('+${corp.id}+',2)'"`。这个事件处理函数将在点击按钮时被触发,并将 corp.id 和 status ...
接下来,我们将详细讨论如何使用JS来生成二维码以及涉及的关键知识点。 1. **JavaScript基础**:首先,你需要对JavaScript有一定的了解,包括变量声明、函数定义、DOM操作等。这是在HTML中动态生成内容的基础。 2....
3. 使用JavaScript生成二维码:接下来,在JavaScript中调用`qrcode`函数,传入二维码的类型和数据。 ```javascript var qr = new QRCode(document.getElementById("qrcode"), { text: "http://www.example.com",...
在给定的文件中,我们看到了一个通过JavaScript技术实现按钮添加控件的示例。这段代码展示了一个网页应用,其中包含一个按钮,当点击该按钮时,会动态地在页面上添加一个新的输入文本框(控件)以及一个删除链接。这...
### JS动态生成文本框并实现删除功能的知识点 在现代Web开发中,动态地操作DOM(文档对象模型)是常见的需求之一。通过JavaScript可以轻松地实现这一目标。本篇文章将详细解析如何使用JavaScript来动态创建文本框,...
本文将基于给定的`js生成验证码.txt`文件内容,详细介绍如何使用JavaScript生成简单的数字验证码。 #### 二、HTML结构分析 首先,我们来看一下HTML部分的代码: ```html ޱҳ ;width:52px;height:16px;...
5. **JavaScript交互**:如果按钮需要执行某些JavaScript功能,如触发弹出窗口或发送AJAX请求,可以使用`onclick`事件处理程序。 ```html <button type="button" onclick="alert('Button clicked!')"> !"> ``` 6...
总结来说,JavaScript 动态生成和删除控件的核心在于理解DOM的结构和操作,以及如何利用事件处理来实现交互。在实际应用中,还可以结合服务器端技术如JSP、ASP进行更复杂的交互和数据处理。例如,使用AJAX异步更新...
然后,我们将`onclick`事件监听器绑定到该按钮上,当按钮被点击时,执行`yanSe()`函数,生成一个新的随机颜色,并将其赋值给`document.body.style.background`,从而改变页面的背景颜色。 ### 实现效果 用户在...
两种方式:直接给对象添加事件,节点添加事件 例如给一个id为tab1的添加onclick事件 第一种情况: 代码如下: var t = document.getElementById(“tab1”); t.onclick = function tst(){ alert(”); } 第二种...
在这个项目中,开发者可能选择了`qrcode.js`库,这是一个轻量级且易于使用的JavaScript二维码生成器。它允许我们在浏览器环境中通过简单的API调用生成二维码。首先,我们需要在HTML文件中引入该库的JavaScript文件...
这可以极大地提高应用程序的灵活性和可扩展性,比如在数据管理中,当用户添加新项目时,可以动态生成一个“删除”按钮,或者在游戏里,随着游戏进程增加新的功能按钮。 在多数UI框架中,动态添加按钮的过程涉及到...
从给定文件内容中提取出的知识点非常明确,主要围绕如何利用JavaScript实现点击按钮随机改变数字和其字体颜色的功能。下面是基于所提供内容的知识点详细说明: 1. HTML结构和样式设置:首先,需要了解基本的HTML...
首先,我们看到"jq.js"和"qr.js"这两个文件名,它们分别代表了jQuery和一个用于生成二维码的JavaScript库。jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和Ajax交互等任务。而"qr.js"很可能是基于...