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

window.onload

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

用法举例：

window.οnlοad=function(){
    //具体函数体
}

 

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

window.οnlοad=function(){func1();};

window.οnlοad=function(){func2();};

window.οnlοad=function(){func3();};

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

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

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

function addLoadEvent(func){
    var oldEvent=window.onload;//保存已经存在的事件队列
    if(typeof window.οnlοad=='function'){//已经添加了函数
        window.οnlοad=function(){
            oldEvent();
            func();
        };
    }
    else{//还未添加函数
        window.οnlοad=func;
    }
}

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

addLoadEvent(func1);

addLoadEvent(func2);

addLoadEvent(func3);