addLoadEvent方法解析

onload方法在網頁載入完畢時，會自動執行，但是該方法有個缺點就是只能執行乙個方法。

比如下面的**：

執行結果如下：

只有第二個方法被執行。

可以採用addloadevent方法，這個方法是由其他人編寫的，所以不是dom裡面的方法，如果使用直接複製下面這段**就可以了！

function
addloadevent(func)
else}}

有了這段**，就可以給onload繫結多個方法：

function
func1()
function
func2()
addloadevent(func1);
addloadevent(func2);

原理如同：

window.onload = function
()

下面看一下執行的結果：

完美達到目的！

雖然只有幾行**，但是第一次接觸的時候，難免暈頭轉向！

function
addloadevent(func)
else}}

這個方法需要乙個引數func，就是傳入的方法名稱。

當我們使用一次addloadevent的時候，就相當於呼叫window.onload = func1;

此時window.onload應該是null，因此判斷語句typeof window.onload != 'function' 就會返回true.

執行後，可以看到window.onload方法變成了func1：

再次呼叫addloadevent時，進入else的部分。把func2與原來的oldonload方法一同繫結成新的方法。

執行後，看到window.onload方法變成如下的樣子：

以此類推，當有多個方法時，就會構造出如下的方法：

window.onload = function
()

這樣就可以在onload時，繫結多個方法了。

總結起來，該方法就是把所有想要在onload時期執行的方法構造成乙個方法的執行對列，然後使用onload執行這個佇列方法。

addloadevent(func)詳解：

指令碼之家addloadevent說明：

addLoadEvent方法解析

onload方法在網頁載入完畢時，會自動執行，但是該方法有個缺點就是只能執行乙個方法。比如下面的執行結果如下只有第二個方法被執行。可以採用addloadevent方法，這個方法是由其他人編寫的，所以不是dom裡面的方法，如果使用直接複製下面這段就可以了！function addloadeven...

addLoadEvent方法解析

共享 load事件 addLoadEvent

目的讓某個函式在網頁載入完畢後立馬執行。方法網頁載入完畢後悔觸發乙個onload事件與window物件相關聯。將想要觸發的函式與之關聯。1.僅乙個函式 window.load myfunction 注意 myfunction 後面沒有括號 2.多個比如兩三個 window.load func...

addLoadEvent方法解析

addLoadEvent方法解析

addLoadEvent方法解析

共享 load事件 addLoadEvent

相關推薦