要想理解為什么ready先執(zhí)行,load后執(zhí)行就要先了解下DOM文檔加載的步驟:
(1)解析html結(jié)構(gòu)
(2)加載外部腳本和樣式表問價(jià)
(3)解析并執(zhí)行腳本代碼
(4)構(gòu)造HTML DOM模型//ready
(5)加載圖片等外文件
(6)頁面加載完畢//load
結(jié)論:
ready與load的區(qū)別就在于資源文件的加載,ready構(gòu)建了基本的DOM結(jié)構(gòu),所以對(duì)于代碼來說應(yīng)該越快加載越好。在一個(gè)高速瀏覽的時(shí)代,沒人愿意等待答案。假如一個(gè)網(wǎng)站頁面加載超過4秒,不好意思,你1/4的用戶將面臨著流失,所以對(duì)于框架來說用戶體驗(yàn)是至關(guān)重要的,我們應(yīng)該越早處理DOM越好,我們不需要等到圖片資源都加載后才去處理框架的加載,圖片資源過多l(xiāng)oad事件就會(huì)遲遲不會(huì)觸發(fā)。