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

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条回答 默认 最新

  • 已采纳

    事件绑定错了,去掉(),加()是将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运行机制浅析

    评论
    解决 无用 1
    打赏 举报
查看更多回答(10条)

相关推荐 更多相似问题