近期有个项目当页面Html文档初始化完了之后,要加载多个函数,最初我是这样用的:

window.onload=firstfunc();
window.onload=secondfunc();

但是这样总是最后一个才会被执行。

最后在网上学习了下才知道怎么处理:

 1 function addLoad(func){
 2    var oldonload=window.onload;
 3    if(typeof window.onload != 'function')
 4       window.onload=func;
 5    }else {
 6        window.onload=function(){
 7          oldonload();
 8          func();
 9     }
10 }

把现有的window.onload事件处理函数的值存入变量oldonload,如果在这个处理函数上还没有绑定任何事件,那么就将func函数绑定到window.onload上,如果在这个处理函数上已经绑定了一些函数,

那么就把函数追加到现有指令的末尾。

 

使用的时候:直接像下面这样,将要执行的函数添加到这个队列中使用即可

addLoad(firstfunc);
addLoad(secondfunc);

window.onload=addLoad;