共享 load事件--addLoadEvent

来源:互联网 发布:淘宝店铺logo分辨率 编辑:程序博客网 时间:2024/06/05 08:08

目的:让某个函数在网页加载完毕后立马执行。

方法:网页加载完毕后悔触发一个onload事件、与window对象相关联。将想要触发的函数与之关联。

1. 仅一个函数

window.load = myFunction

注意:myFunction 后面没有括号

2.多个(比如两三个)

window.load = function(){    firstFunction();    secondFunction();}

3.需要绑定的函数很多

function addLoadEvent(func){    var oldonload = window.onload;    if(typeof window.onload!= 'function'){        window.onload = func;    }else{        window.onload = function(){            oldonload();            func();        }    }}

思路:
- 现有的window.onload 事件处理函数的值存入变量oldonload
- 如果没有绑定任何函数,把新函数添加给它
- 如果已经绑定了函数,把新航书追加到现有指令的末尾
这将把那些在页面加载完毕时执行的函数创建为一个队列。如果想把2中的函数添加到这个队列中去,只需要写 addLoadEvent(firstFunction)addLoadEvent(secondFunction)