标签:show 代码 value js 复制 onclick btn 赋值
js给onclick事件赋值,动态传参数实例解说_javascript技巧_脚本之家 https://www.jb51.net/article/35107.htm
我们先看看错误的例子
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事件句柄赋值,并支持参数的传递.
标签:show,代码,value,js,复制,onclick,btn,赋值
来源: https://www.cnblogs.com/jmbt/p/16631333.html
本站声明:
1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。