共享 load事件--addLoadEvent

目的:讓某個函數在網頁加載完畢後立馬執行。

方法:網頁加載完畢後悔觸發一個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)

發佈了36 篇原創文章 · 獲贊 8 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章