jQuery中ready和load的區別

2021-07-24 14:41:12 字數 600 閱讀 2250

ready方法

$(document).ready(function())  

//document ready 簡寫

$(function())

load方法

$(window).load(function())

1)解析html結構;

2)載入外部指令碼和樣式檔案;

3)解析並執行指令碼**;

4)構造html dom模型 ;//ready

5)載入等外部檔案;

6)頁面載入完畢。//load

從以上描述可以看出,ready在第(4)步完成之後就執行,而load在第(6)步完成之後才執行

ready事件在dom結構繪製完成之後就會執行,這樣能確保就算有大量的**檔案沒有載入出來,js**一樣可以執行

load事件必須等到網頁中所有內容全部載入完畢之後才被執行。如果一頁網頁有大量的話,則就出現網頁文件已經呈現   出來但網頁資料(指令碼初始化)還沒載入完畢,導致load事件不能夠即時被觸發.

總結:ready事件先於load事件被啟用,如果網頁文件中沒有載入外部檔案,則它們的響應時間基本上是相同的.

jquery中load和ready的區別

首先是寫法 load window.onload window 是bom操作的核心物件。ready document ready function 執行的 塊 jquery簡寫 function 經常會被問到他們倆個哪個先執行 首先,明確的說明是ready先執行 先了解下乙個頁面的載入順序 1.解析...

Jquery 中關於load和ready事件的總結

近期承擔了部分jquery的任務,在部落格總結一下,留作積累,用得上的親也可參考。首先說說window和document,直觀上來講,window代表的是瀏覽器視窗,而document代表的是瀏覽器視窗中載入的dom元素。假設現在有乙個瀏覽器,裡邊載入的頁面特別長,已經超出了一屏,當然,肯定會出現滾...

jQuery 事件 ready 方法

在文件載入後啟用函式 document ready function 定義和用法 當 dom 文件物件模型 已經載入,並且頁面 包括影象 已經完全呈現時,會發生 ready 事件。由於該事件在文件就緒後發生,因此把所有其他的 jquery 事件和函式置於該事件中是非常好的做法。正如上面的例子中那樣。...