Mr.Daru 2018-02-08 06:39 采纳率: 76.5%
浏览 3489
已采纳

html通过js绑定click事件，无限调用。

问题1.
如题，通过js绑定click事件，无限调用。
js 结构

window.onload = function(){
    basecss();
    bdEvent()
    function bdEvent(){
    var li=document.querySelectorAll("#slider li");
    li[0].addEventListener("click", before(),true); 
    li[1].addEventListener("click", before(),true); 
    li[3].addEventListener("click", before(),true);
    li[4].addEventListener("click", before(),true);
    }
    function basecss(){
        ...
    };
    function before(){
        ...
    };
    function next(){
        ...
    };
}

html结构

 <body>
    <div id="slider">
        <ul>
            <li>
                <img src="1517301943(1).jpg">
                <a>0000</a>
            </li>
            <li>
                <img src="1.jpg">
                <a>0000</a>
            </li>
            <li>
                <img src="1.jpg">
                <a>0000</a>
            </li>
            <li>
                <img src="1.jpg">
                <a>0000</a>
            </li>
            <li>
                <img src="1.jpg">
                <a>0000</a>
            </li>
        </ul>
        </div>
</body>

问题2.
定义一个变量，然后写一个函数不能调用？我调用a是undefine

 window.onload = function(){
    basecss();
    bdEvent();
    var a="aaa";
    function bdEvent(){
    alert(a);
    }
  • 写回答

11条回答

  • Go 旅城通票 2018-02-08 06:58
    关注

    事件绑定错了，去掉()，加（）是将before返回值作为click的处理函数，至于无限调用自己检查逻辑，肯定是有死循环代码了

     li[0].addEventListener("click", before(),true); 
==>
li[0].addEventListener("click", before,true);

    var申明的变量不管你在哪里var，预解析，会在作用域最先申明并赋值为undefined，只有执行到实际的赋值语句才会赋值，所以undefined没错，等价于下面的

      window.onload = function () {
        var a = undefined;////////////////
        basecss();
        bdEvent();//执行alert a，所以undefined，也不会报错
         a = "aaa";//执行到这才会赋值
        function bdEvent() {
            alert(a);
        }
    }

    =>javascript运行机制浅析

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(10条)

报告相同问题？

悬赏问题

  • ¥15 如何实验stm32主通道和互补通道独立输出
  • ¥30 这是哪个作者做的宝宝起名网站
  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据，怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据，怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题