zoukankan      html  css  js  c++  java
  • JavaScript给onclick事件赋值,动态传参数实例辩错

    错误的例子:

    <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事件句柄赋值,并支持参数的传递!

     

  • 相关阅读:
    第二章 课后习题 6
    第二章 课后习题 5
    第一章 课后习题 10
    第一章 课后习题 7
    JAVA练习1
    作业2
    作业
    c++作业10月13日作业
    c++作业50页例题3.1
    for循环作业4和5
  • 原文地址:https://www.cnblogs.com/lishanyang/p/5743541.html
Copyright © 2011-2022 走看看