首页 > 代码库 > javascript 在window.onload绑定多个事件函数

javascript 在window.onload绑定多个事件函数

近期有个项目当页面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;

 

javascript 在window.onload绑定多个事件函数