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

Question

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中，又正确执行了，不晓得是怎么回事？？

Answer 1

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

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

Answer 2

我试了一下，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();
            }
        }
    }

Answer 3

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

• 如果需要对window的onload事件进行多次绑定，建议使用addEventListener：

window.addEventListener('load', function() { ... }, false);

• 注意，ID中使用attachEvent而非addEventListener：

window.attachEvent('onload', function() { ... });

• 另外注意，addEventListener中用的是'load'，而attachEvent中用的是'onload'。

Answer 4

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

Answer 5

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