js中DOMContentLoaded和load的區別


如題;DOMContentLoaded和load都是頁面加載的時候觸發的事件。區別在於觸發的時機不一樣。

瀏覽器渲染頁面DOM文檔加載的步驟:

1.解析HTML結構。

2.加載外部腳本和css文件。

3.解析並執行腳本代碼。

4.DOM樹構建完成。(此時會觸發DOMContentLoaded事件)

5.加載外部圖片等文件。

6.頁面加載完畢。(此時會觸發load事件)

 

從以上DOM文檔加載步驟上可以看出;當瀏覽器把DOM樹構建完成后就開始觸發了DOMContentLoaded事件,而load事件則要等包括圖片這些加載完畢才會觸發。

我們監聽事件的時候把優先級高的可以先監聽DOMContentLoaded再監聽load。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2026 CODEPRJ.COM