如題;DOMContentLoaded和load都是頁面加載的時候觸發的事件。區別在於觸發的時機不一樣。
瀏覽器渲染頁面DOM文檔加載的步驟:
1.解析HTML結構。
2.加載外部腳本和css文件。
3.解析並執行腳本代碼。
4.DOM樹構建完成。(此時會觸發DOMContentLoaded事件)
5.加載外部圖片等文件。
6.頁面加載完畢。(此時會觸發load事件)
從以上DOM文檔加載步驟上可以看出;當瀏覽器把DOM樹構建完成后就開始觸發了DOMContentLoaded事件,而load事件則要等包括圖片這些加載完畢才會觸發。
我們監聽事件的時候把優先級高的可以先監聽DOMContentLoaded再監聽load。
