javascript 事件队列加载函数 addLoadEvent

 

每个事件处理函数只能绑定一条指令，如果像下面这样逐一绑定到window.onload，那只有最后那个绑定的才会执行

view plain print ?

1. window.onload = firstFunction();  
2. window.onload = secondFunction();  

也就是说如果有多条指令需要绑定在一个事件上，那么最好是把这几个指令放在一个临时匿名函数上，例如

view plain print ?

1. window.onload = function(){   
2.     firstFunction();  
3.     secondFunction();  
4. }   

当然还有更好的办法

view plain print ?

1. //事件加载函数，把需要加载的函数创建为一个队列，用法 addLoadEvent(firstFunction);addLoadEvent(secondFunction);  
2. function addLoadEvent(func){  
3.     var oldonload = window.onload;  
4.     if(typeof window.onload != "function"){  
5.         window.onload = func;  
6.     }else{  
7.         window.onload = function(){  
8.             oldonload();  
9.             func();  
10.         }  
11.     }  
12. }  
13. addLoadEvent(firstFunction);  
14. addLoadEvent(secondFunction);