問(wèn)題描述

1.在A頁(yè)面引入a.js和b.js;其中a.js和b.js都用了window.onload沒有問(wèn)題；但是我在B頁(yè)面也引入a.js和c.js，偶爾a.js就跟完全沒有執(zhí)行一樣但是我直接將a.js中的window.onload中的東西放入B頁(yè)面的c.js的onload中，又正確執(zhí)行了，不曉得是怎么回事？？

問(wèn)題解答

window.onload只有一次，所以會(huì)出現(xiàn)多個(gè)js同時(shí)使用它而沖突的問(wèn)題。解決辦法

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

我試了一下，window可以綁定多次，但是最后一次才會(huì)生效，你可以對(duì)照看下我下面的2個(gè)例子來(lái)理解你出現(xiàn)的情況。

//方式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(); }} }回答3：

通過(guò)window.onload = function() { ... }方法設(shè)置的事件，后面的window.onload值會(huì)覆蓋掉前面的，所以，只有最后一次生效。（這個(gè)和調(diào)用a = 1; a = 2; a =3;是一個(gè)道理）

如果需要對(duì)window的onload事件進(jìn)行多次綁定，建議使用addEventListener：

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

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

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

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

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

window.onload只會(huì)調(diào)用最后一個(gè)的，之前的都會(huì)被覆蓋掉。