標籤：外部檔案 pop 就會 com dwr uri 網頁資料 import dom
概述：大家在工作中用jQuery的時候一定會在使用之前這樣：
| 12345678 |
//document ready$(document).ready(function(){ ...code...})//document ready 簡寫$(function(){ ...code...}) |
有些時候也會這麼寫：
| 1234 |
//document load$(document).load(function(){ ...code...}) |
一個是ready一個是load，這兩個到底有什麼區別呢？ ready與load誰先執行：大家在面試的過程中，經常會被問到一個問題：ready與load那一個先執行，那一個後執行？答案是ready先執行，load後執行。 DOM文檔載入的步驟： 要想理解為什麼ready先執行，load後執行就要先聊一下DOM文檔載入的步驟：
| 123456 |
(1) 解析HTML結構。(2) 載入外部指令碼和樣式表檔案。(3) 解析並執行指令碼代碼。(4) 構造HTML DOM模型。//ready(5) 載入圖片等外部檔案。(6) 頁面載入完畢。//load |
從上面的描述中大家應該已經理解了吧，ready在第（4）步完成之後就執行了。但是load要在第（6）步完成之後才執行。ready事件：ready事件在DOM結構繪製完成之後就繪執行。這樣能確保就算有大量的媒體檔案沒載入出來，JS代碼一樣可以執行。load事件：load事件必須等到網頁中所有內容全部載入完畢之後才被執行。如果一個網頁中有大量的圖片的話，則就會出現這種情況：網頁文檔已經呈現出來，但由於網頁資料還沒有完全載入完畢，導致load事件不能夠即時被觸發。總結：相信大家已經瞭解了ready與load的區別，其實如果頁面中要是沒有圖片之類的媒體檔案的話ready與load是差不多的，但是頁面中有檔案就不一樣了，所以還是推薦大家在工作中用ready。
原 jQuery中document的ready和load事件的區別？
