js给onclick事件赋值，动态传参数实例解说_javascript技巧
程序员文章站
2022-05-24 19:47:44
...
我们先看看错误的例子
Html代码
Javascript代码
以上代码执行起来是有错误的,因为show(certid.value)这句,直接就执行了show方法,而没有正确把这个方法对象赋给btn.onclick事件.
如果我们改成这样
btn.onclick = show;
参数又无法传递.
所以正确的代码应该这样写,我们加一个参数以看得更明白一些:
Html代码
Javascript代码
这样就实现了动态给onclick事件句柄赋值,并支持参数的传递.
Html代码
复制代码 代码如下:
Javascript代码
复制代码 代码如下:
以上代码执行起来是有错误的,因为show(certid.value)这句,直接就执行了show方法,而没有正确把这个方法对象赋给btn.onclick事件.
如果我们改成这样
复制代码 代码如下:
btn.onclick = show;
参数又无法传递.
所以正确的代码应该这样写,我们加一个参数以看得更明白一些:
Html代码
复制代码 代码如下:
Javascript代码
复制代码 代码如下:
这样就实现了动态给onclick事件句柄赋值,并支持参数的传递.
下一篇： PHP7 扩展中如何遍历数组