DOMContentLoaded 事件
當(dāng)初始的 HTML 文檔被完全加載和解析完成之后，DOMContentLoaded 事件被觸發(fā)，而無需等待樣式表、圖像和子框架的完全加載
Load 事件
當(dāng)整個(gè)頁面及所有依賴資源如樣式表和圖片都已完成加載時(shí)，將觸發(fā)
load事件。
它與DOMContentLoaded不同，后者只要頁面DOM加載完成就觸發(fā)，無需等待依賴資源的加載。
DOM文檔加載的步驟為
- 解析HTML結(jié)構(gòu)。
- 加載外部腳本和樣式表文件。
- 解析并執(zhí)行腳本代碼。
- DOM樹構(gòu)建完成。//DOMContentLoaded
- 加載圖片等外部文件。
- 頁面加載完畢。//load
這兩個(gè)事件的出現(xiàn)主要是用來避免我們需要給一些元素的事件綁定處理函數(shù)。但問題是，如果那個(gè)元素還沒有加載到頁面上，但是綁定事件已經(jīng)執(zhí)行完了，是沒有效果的。
如果將綁定的函數(shù)放在這兩個(gè)事件的回調(diào)中，就能保證在頁面的某些元素加載完畢之后再綁定事件的函數(shù)。
