首页 > 编程语言 > 详细

JavaScriptd给onclick事件赋值,动态传参数实例辩错

时间:2016-08-06 12:53:36      阅读:210      评论:0      收藏:0      [点我收藏+]

错误的例子:

<body> 
<input id="certid" type="text" value="123456" > 
<input id="btn" type="button" value="button" onclick=""> 
</body> 
<script> 
function show(value) 
{ 
alert(value); 
} 
btn.onclick = show(certid.value); 
<script> 

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

正确的方式有:

 

btn.onclick = show; 

 

缺陷:但是这样无法传值的!

最好可以改成这样:

<body> 
<input id="certid" type="text" value="123456" > 
<input id="btn" type="button" value="button" onclick=""> 
</body> 
<script> 
function show(value1,value2) 
{ 
alert(value1+","+value2); 
} 

var i = 10; 
btn.onclick = function(){ 
show(certid.value,i); 
}; 
<script> 

这样就实现了动态给onclick事件句柄赋值,并支持参数的传递!

 

 

 

JavaScriptd给onclick事件赋值,动态传参数实例辩错

原文:http://www.cnblogs.com/lishanyang/p/5743541.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!