目的:讓某個函數在網頁加載完畢後立馬執行。
方法:網頁加載完畢後悔觸發一個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)