jquery中的ready與load的區別

2021-07-13 23:40:22 字數 364 閱讀 5423

jquery中有兩個方法——ready和load。它們非常容易混淆。這裡做一下區分:

jquery中的ready特指「dom」全部載入完畢,也就是說,只要dom載入完畢了,這個事件自然被觸發了。

所謂「dom」載入完畢指整個頁面的標籤部分全部載入完畢,至於說某些標籤內部可能還存在著一系列事件未完成(譬如img標籤可能載入遠處乙個很大的bmp尚未載入完畢等情況)則被忽略。因此對於單純設定某些html標籤的事件或者屬性的繫結而言,在ready方法中顯然比load更為適合因為load必須等到全部的標籤都處於完成狀態,包括img把全部載入完畢為止)。

jQuery中ready與load事件的區別

1 2 3 4 5 6 7 8 document ready document ready function document ready 簡寫 function 有些時候也會這麼寫 1 2 3 4 document load document load function 乙個是ready乙個是lo...

jQuery中ready與load事件的區別

目錄 1ready與load誰先執行2dom文件載入的步驟3ready事件4load事件5總結 概述 123 4567 8 document ready document ready function document ready 簡寫 function 有些時候也會這麼寫 12 34 docume...

jQuery中ready與load事件的區別

大家在工作中用jquery的時候一定會在使用之前這樣 1 2 3 4 5 6 7 8 document ready document ready function document ready 簡寫 function 有些時候也會這麼寫 1 2 3 4 document load document ...