addLoadEvent方法解析

2021-09-22 13:40:50 字數 1520 閱讀 3427

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方法解析

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

共享 load事件 addLoadEvent

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