js给onclick事件赋值,动态传参数实例解说


Posted in Javascript onMarch 28, 2013

我们先看看错误的例子
Html代码

<body> 
<input id="certid" type="text" value="123456" > 
<input id="btn" type="button" value="button" onclick=""> 
</body>

Javascript代码
<script> 
function show(value) 
{ 
alert(value); 
} btn.onclick = show(certid.value); 
<script>

以上代码执行起来是有错误的,因为show(certid.value)这句,直接就执行了show方法,而没有正确把这个方法对象赋给btn.onclick事件.
如果我们改成这样
btn.onclick = show;

参数又无法传递.
所以正确的代码应该这样写,我们加一个参数以看得更明白一些:
Html代码
<body> 
<input id="certid" type="text" value="123456" > 
<input id="btn" type="button" value="button" onclick=""> 
</body>

Javascript代码
<script> 
function show(value1,value2) 
{ 
alert(value1+","+value2); 
} var i = 10; 
btn.onclick = function(){ 
show(certid.value,i); 
}; 
<script>

这样就实现了动态给onclick事件句柄赋值,并支持参数的传递.
Javascript 相关文章推荐
javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式
Apr 12 Javascript
最短的javascript:地址栏载入脚本代码
Oct 13 Javascript
js不能跳转到上一页面的问题解决方法
Mar 01 Javascript
JavaScript中把数字转换为字符串的程序代码
Jun 19 Javascript
JS 数字转换研究总结
Dec 26 Javascript
控制input输入框中提示信息的显示和隐藏的方法
Feb 12 Javascript
JavaScript提升性能的常用技巧总结【经典】
Jun 20 Javascript
jQuery实现动态生成年月日级联下拉列表示例
May 11 jQuery
WEB前端性能优化的7大手段详解
Feb 04 Javascript
vue-cli4.x创建企业级项目的方法步骤
Jun 18 Javascript
基于JS实现操作成功之后自动跳转页面
Sep 25 Javascript
three.js 实现露珠滴落动画效果的示例代码
Mar 01 Javascript
自定义jQuery选项卡插件实例
Mar 27 #Javascript
js数组的操作详解
Mar 27 #Javascript
jquery获取tr中控件值并操作tr实现思路
Mar 27 #Javascript
css transform 3D幻灯片特效实现步骤解读
Mar 27 #Javascript
JS删除数组元素的函数介绍
Mar 27 #Javascript
jquery struts 验证唯一标识(公用方法)
Mar 27 #Javascript
Json对象与Json字符串互转(4种转换方式)
Mar 27 #Javascript
You might like
用PHP编程开发“虚拟域名”系统
2006/10/09 PHP
BBS(php &amp; mysql)完整版(七)
2006/10/09 PHP
NOT NULL 和NULL
2007/01/15 PHP
PHP 字符截取 解决中文的截取问题,不用mb系列
2009/09/29 PHP
PHP中spl_autoload_register函数的用法总结
2013/11/07 PHP
php+mysqli实现批量执行插入、更新及删除数据的方法
2015/01/29 PHP
PHP的RSA加密解密方法以及开发接口使用
2018/02/11 PHP
浅谈javascript 面向对象编程
2009/10/28 Javascript
jQuery操作Select选择的Text和Value(获取/设置/添加/删除)
2013/03/06 Javascript
JQuery调webservice实现邮箱验证(检测是否可用)
2013/05/21 Javascript
浅谈Jquery为元素绑定事件
2015/04/27 Javascript
浅析JavaScript中的事件机制
2015/06/04 Javascript
AngularJS基础教程之简单介绍
2015/09/27 Javascript
详解js中常规日期格式处理、月历渲染和倒计时函数
2016/12/28 Javascript
vue2.0实战之基础入门(1)
2017/03/27 Javascript
分析JS中this引发的bug
2017/12/12 Javascript
webpack自动打包和热更新的实现方法
2019/06/24 Javascript
CKeditor4 字体颜色功能配置方法教程
2019/06/26 Javascript
Postman如何实现参数化执行及断言处理
2020/07/28 Javascript
Python实现抓取网页并且解析的实例
2014/09/20 Python
Python3实现从指定路径查找文件的方法
2015/05/22 Python
python关键字and和or用法实例
2015/05/28 Python
在Python 3中实现类型检查器的简单方法
2015/07/03 Python
Python单元测试实例详解
2018/05/25 Python
python 动态迁移solr数据过程解析
2019/09/04 Python
解决PyCharm无法使用lxml库的问题(图解)
2020/12/22 Python
python利用proxybroker构建爬虫免费IP代理池的实现
2021/02/21 Python
非常震撼的纯CSS3人物行走动画
2016/02/24 HTML / CSS
Myprotein瑞士官方网站:运动营养和健身网上商店
2019/09/25 全球购物
骨干教师培训制度
2014/01/13 职场文书
违反校纪校规检讨书
2014/02/15 职场文书
五水共治一句话承诺
2014/05/30 职场文书
2014年监理工作总结范文
2014/11/17 职场文书
《家》读后感:万惜拯救,冷暖自知
2019/09/25 职场文书
nginx location中多个if里面proxy_pass的方法
2021/03/31 Servers
如何利用opencv判断两张图片是否相同详解
2021/07/07 Python