我们先看看错误的例子
以上代码执行起来是有错误的,因为show(certid.value)这句,直接就执行了show方法,而没有正确把这个方法对象赋给btn.onclick事件.
如果我们改成这样
btn.onclick = show;
参数又无法传递.
所以正确的代码应该这样写,我们加一个参数以看得更明白一些:
这样就实现了动态给onclick事件句柄赋值,并支持参数的传递.
- <body>
- <input id="certid" type="text" value="123456" >
- <input id="btn" type="button" value="button" onclick="">
- </body>
<body> <input id="certid" type="text" value="123456" > <input id="btn" type="button" value="button" οnclick=""> </body>
- <script>
- function show(value)
- {
- alert(value);
- }
- btn.onclick = show(certid.value);
- <script>
<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>
<body> <input id="certid" type="text" value="123456" > <input id="btn" type="button" value="button" οnclick=""> </body>
- <script>
- function show(value1,value2)
- {
- alert(value1+","+value2);
- }
- var i = 10;
- btn.onclick = function(){
- show(certid.value,i);
- };
- <script>
<script> function show(value1,value2) { alert(value1+","+value2); } var i = 10; btn.onclick = function(){ show(certid.value,i); }; <script>
这样就实现了动态给onclick事件句柄赋值,并支持参数的传递.
转载于:https://blog.51cto.com/fluagen/170061