【菜瓜乱学，JavaScript DOM篇，0001期】—— addLoadEvent()函数封装window.onload()

window.onload

网页加载完会触发一个onload事件，这个事件与window对象相关联。

用法举例：

1 window.onload=function(){
2     //具体函数体
3 }

 

 当网页加载完有多个函数func1,func2,func3……都需要执行时

window.onload=function(){func1();};

window.onload=function(){func2();};

window.onload=function(){func3();};

这样的用法是不行的，实际效果相当于只执行window.onload=function(){func3();};

window.onload=function(){func1();func2();func3();};是一种不错的解决方案

但这样的代码看起来显得凌乱，还有一种弹性的解决方案addLoadEvent()函数

 1 function addLoadEvent(func){
 2     var oldEvent=window.onload;//保存已经存在的事件队列
 3     if(typeof window.onload=='function'){//已经添加了函数
 4         window.onload=function(){
 5             oldEvent();
 6             func();
 7         };
 8     }
 9     else{//还未添加函数
10         window.onload=func;
11     }
12 }

 现在只需用下面的代码调用即可：

addLoadEvent(func1);

addLoadEvent(func2);

addLoadEvent(func3);