问答详情
源自:5-3 函数调用

为什么没有触发就自己运行了

  1. 为什么当页面加载时,就弹出了提示框?

  2. btn.onclick=function(){alert('hello')}就行?而btn.onclick=btn()就不行

提问者:hcl哦了 2016-03-20 15:37

个回答

  • 没有情绪
    2016-03-20 16:38:12
    已采纳

    因为tcon();表示是调用了这个方法,直接执行这个函数的代码,如过你把()去掉 就好了!

  • 大块吃肉188
    2016-08-05 11:30:33

    答案转   

    简单点说,带括号的是函数调用,直接执行函数;不带括号的是绑定事件,事件触发再执行。

    复杂点说,带括号的是把返回值赋值给事件,不带括号的是把函数体所在地址位置赋值给事件。

    举个例子来说就是

    <div id="a">函数括号那回事</div>
    <input id="ip" type="button" value="点击变色">
    <script type="text/javascript">
       function cc(){
           var a=document.getElementById("a");
           a.style.color="red";
       }
       function change(){
           var ip=document.getElementById("ip");
           //ip.onclick=cc;   //正常绑定事件,onclick触发执行
           ip.onclick=cc();   //调用cc,直接执行
       }
       change();  //调用change,直接执行
    </script>

    上面代码扔body里,2种挨个感受一下就知道了。

    然后会有一个新问题,假如函数需要传参怎么办,这时候需要ip.onclick=function(){cc(obj);},理解方式一样,绑定一个函数,函数在触发onclick时执行,函数内容是执行cc。

    如有错误,望指正


  • qq_Nietalsdesch_0
    2016-06-09 23:23:03

    您用的是什么软件,做前端.

  • 范紫敏
    2016-03-20 20:00:13

     btn.onclick=tcon()因为这一句是直接执行了,所以你没有触发就自己执行了


  • qq_LIN_5
    2016-03-20 16:04:23

    btn.onclick=tcon(),你这句话表示调用tcon(),并把值赋给btn.onclick,肯定一加载就运行函数并赋值,你要点击再运行函数,要这样写<input type="button"  value="点点我" id="btn" onclick="tcon()">