页面引入的所有的js文件,每个js文件都有window.onload偶尔会某个js文件没有执行

1.在A页面引入a.js和b.js;其中a.js和b.js都用了window.onload没有问题;
但是我在B页面也引入a.js和c.js,偶尔a.js就跟完全没有执行一样
但是我直接将a.js中的window.onload中的东西放入B页面的c.js的onload中,又正确执行了,不晓得是怎么回事??

阅读 5k
5 个回答
  • 通过window.onload = function() { ... }方法设置的事件,后面的window.onload值会覆盖掉前面的,所以,只有最后一次生效。(这个和调用a = 1; a = 2; a =3;是一个道理)

  • 如果需要对windowonload事件进行多次绑定,建议使用addEventListener

window.addEventListener('load', function() { ... }, false);
  • 注意,ID中使用attachEvent而非addEventListener

window.attachEvent('onload', function() { ... });
  • 另外注意,addEventListener中用的是'load',而attachEvent中用的是'onload'

window.onload只有一次,所以会出现多个js同时使用它而冲突的问题。
解决办法

1.用jQuery使用ready()方法替换onload
2.在window.onload中一次加载所有js文件,例:window.onload=function(){function(a);function(b);} 

我试了一下,window可以绑定多次,但是最后一次才会生效,你可以对照看下我下面的2个例子来理解你出现的情况。

    //方式1:
    window.onload=function () {
        console.log("1");
    }
    window.onload=function () {
        console.log("2");
    }
//    输出2
//    -------------------------------分割线
//    方式2:
    function fn1() {
        console.log("1");
    }
    function fn2() {
        console.log("2");
    }
    addEventLoad(fn1);
    addEventLoad(fn2);
    //输出1  2
    function addEventLoad(fn){
        var oldFn = window.onload;
        if(typeof window.onload != 'function'){
            window.onload = fn;
        }else{
            window.onload = function(){
                oldFn();
                fn();
            }
        }
    }

window.onload()方法只能绑定一次的,多次绑定只有最后一次生效

window.onload只会调用最后一个的,之前的都会被覆盖掉。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题