目的:让某个函数在网页加载完毕后立马执行。
方法:网页加载完毕后悔触发一个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)