在Window.onload中加载/执行多个函数

(转载)

在默认情况下window.onload只支持一个初始化函数的DOM操作。

 

可在javascript代码中参考入以下代码：

 

function t(){

alert("t")

}

 

function b(){

alert("b")

}

 

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

 

 另一种解决办法：

 

 function addLoadEvent(func) {

   

   var oldonload = window.onload;

 

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

           window.onload = func;

     } else { 

           window.onload = function() {

           oldonload();

           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() ;}

个人以为直接使用隐式函数(如：window.onload =function() { t();  b(); c() ;})更快捷，当然使用 addLoadEvent 更professional，各取所好吧！方案一 不能运行时添加您所在的函数，而方案是可以的，这就是方案二的灵活之处，如果你说自己写的代码以后都不会去修改或是加什么功能的话，那你也是可以选择方案一的！推荐用方案二！