Hey,吃完饭多陪陪家人吧!

JS 页面加载时执行多个函数

   

使用

  1. window.onload = firstFunction;  

函数,在网页加载完毕时只能触发一个onload事件

当出现如下情形时,页面加载时只会执行secondFunction函数:

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

解决办法①:

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

 

解决办法②:

  1. function addLoadEvent(func){  
  2.     var oldonload = window.onload;  
  3.     if (typeof window.onload != “function”){  
  4.         window.onload = func;  
  5.     }  
  6.     else{  
  7.         window.onload = function(){  
  8.             oldonload();  
  9.             func();  
  10.         }  
  11.     }  
  12. }  

然后用如下方式进行添加函数:

  1. addLoadEvent(firstFunction);  
  2. addLoadEvent(secondFunction);  

 

 

未经允许不得转载:Rising Sun's Blog » JS / 前端 » JS 页面加载时执行多个函数
标签:
评论 0
 
 
发表评论