javascript 事件队列加载函数 addLoadEvent

 

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

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

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

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

当然还有更好的办法

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

评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符 “速评一下”
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页