JavaScript学习笔记（散）——addLoadEvent函数

先贴源码

function addLoadEvent(func)

{
　　var oldonload = window.onload; //存入当前onload事件
　　if(typeof window.onload != 'function')
　　　{
　　　　window.onload = func; //如果当前onload事件不是函数，则直接执行func
　　　　}
　　else
　　{
　　　　window.onload = function()
　　　　{
　　　　　　oldonload(); //继续之前的onload事件的函数
　　　　　　func(); //再调用本次需要执行的func
　　　　}
　　}
}

结合上面的代码进行分析，可以看备注，总结addLoadEvent函数主操作流程如下：

1、将当前的window.onload事件处理函数存入到oldonload中。

2、如果window.onload中没有绑定任何函数，就将函数func添加给它。

3、如果window.onload已经绑定了一些函数，则把函数func追加到现有指定的末尾。

为什么要用addLoadEvent()函数？

可以这么理解，如果一个页面中存在多个js文件A.js、B.js，在这2个js文件中可能都会用到window.onload()方法，这时候可能会出现以下情况，A.js中使用onload方法调用的A()函数还没有执行完毕，B.js中也在用onload方法调用B()函数，这时候属于一个乱序的情况，可能会导致两个函数都不能正常使用。而这时候B.js中使用addLoadEvent()函数后，会先判断当前window.onload方法是否绑定有A.js中的A()函数，如果有，就将A()赋给oldonload中，如果没有则执行B()。

使用addLoadEvent()函数就是为了让函数能够有序执行，不插队不加塞不堵塞。