首页 > web前端 > js教程 > js给onclick事件赋值,动态传参数实例解说_javascript技巧

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

WBOY
发布: 2016-05-16 17:39:03
原创
932 人浏览过
我们先看看错误的例子
Html代码
复制代码 代码如下:






Javascript代码
复制代码 代码如下:

<script> <BR>function show(value) <BR>{ <BR>alert(value); <BR>} <br><br>btn.onclick = show(certid.value); <BR><script> <BR></script>

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

btn.onclick = show;

参数又无法传递.
所以正确的代码应该这样写,我们加一个参数以看得更明白一些:
Html代码
复制代码 代码如下:






Javascript代码
复制代码 代码如下:

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

这样就实现了动态给onclick事件句柄赋值,并支持参数的传递.
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板