问答详情
源自:5-4 有参数的函数

为什么按两次button才能触发函数,第一次触发的是什么

//简单的加法计算器。方法一中要是把JS放到from后面便不会出问题。我想知道我第一次点击button,触发的是什么事件,获者说获取到的是什么。

<!DOCTYPE HTML>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=gb18030">

        <title>插入js代码</title>

    <script type="text/javascript"> 

//方法一(和2区别不大)

      function jiashu(){ 

       x=prompt();          

       y=parseInt(x);

       document.write(y+"<br/>");

       judge=y&&true;  

      document.write(judge+"<br/>");

      switch(judge){ 

          case true:                

              sum=sum+y;  

              document.write(sum); 

              break;     

          case 0:

             sum=sum+y;      

              document.write(sum);

              break; 

          default:

              sum=0; 

              document.write("你输入的不是数字")

          }

    }

    //也可改为“window.onload=function qiuhe(){”便没问题

    function qiuhe(){

        var id=document.getElementById("id");

        id.onclick=jiashu;

    } 

    qiuhe();

//方法2:多个函数调用

/*function jiashu(){

    x=prompt(); 

    y=parseInt(x);

    judge=y&&true;   

    switch(judge){  

        case true:

            return y;

            break;

        case 0:

            return y;

            break;

        default:

            document.write("你输入的不是数字,sum被初始化");

    }

    }          

   function qiuhe(){          

       var adds=jiashu();      

       if (true){      

           sum=sum+adds; 

           return sum; 

       }   

       else if(0){  

           sum=sum+adds; 

           return sum; 

       } 

       else{

           sum=0;

           return sum;

           

       }

   }

  function jieguo(){

    document.write(sum);

    sum=0; 

  } */

     

    </script>

    </head>

    <body>

    <from>

        <input id="id" type="button" value="+" onclick="qiuhe()"

    </from>

  <!--  <form>

    <input id="id" type="button" value="+" onclick="qiuhe()" />

    <input id="id" type="button" value="=" onclick="jieguo()" />

    </form>-->

    </body>

</html>


提问者:桃太郎 2016-09-24 18:36

个回答

  • qq_浅畅_0
    2016-09-24 22:02:11

     function qiuhe(){

            var id=document.getElementById("id");

            id.onclick=jiashu;

        }