js window.onload 加载多个函数的两种方法

window.onload，方法在项目中经常被使用，用法如下：

function func(){alert("window的Onload事件被触发啦!");return;} 

window.onload=func;

或者如下：

window.onload=function(){alert("window的Onload事件被触发啦!");return;}

 

1.问题：

但window.onload 不能同时加载多个函数。比如：

function t(){

alert("t")

}

function b(){

alert("b")

}

window.onload =t ;

window.onload =b ;

后面会把前面的覆盖，上面代码只会输出 b。

 

2.解决方法

方法一： 

写一个总的函数调用需要触发的函数

window.onload =function() { t();  b(); }

方法二：

写一个方法

使用addLoadEvent(func)  

使用如下：

function t(){

alert("t")

}

function b(){

alert("b")

}

function c(){

alert("c")

}

function addLoadEvent(func) {

  var oldonload = window.onload;

  if (typeof window.onload != 'function') {

    window.onload = func;

  } else {  

    window.onload = function() {

      oldonload();

      func();

    }

  }

}

addLoadEvent(t);

addLoadEvent(b);

addLoadEvent(c);

//等价于  window.onload =function() { t();  b(); c() ;}