javascript - domcontentloaded事件什么時候觸發

問題描述

https://developers.google.com...

說是 domContentLoaded 一般表示 DOM 和 CSSOM 均準備就緒的時間點

js高程那本書p390頁說不等待css文件下載完畢。

那么問題是到底等不等CSSOM就緒

問題解答

DOMContentLoaded只能綁定在window/document上。(DOM樹不構建，window/document對象也有，所以綁定在他倆上有意義(看啥時候dom樹構建完)；但綁定在普通元素上無意義，你先要選擇該元素，既然能選擇，它肯定構建完成了，如下：)

// 下述代碼將不執行即無反應。document.querySelector(’#top’).addEventListener('DOMContentLoaded', function () { console.log(’top finished’);}, false);

DOMContentLoaded和load的區別

DOM文檔加載的步驟為：

解析HTML結構。加載外部腳本和樣式表文件。解析并執行腳本代碼。DOM樹構建完成。//DOMContentLoaded加載圖片等外部文件。頁面加載完畢。//load