問題描述

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

說是 domContentLoaded 一般表示 DOM 和 CSSOM 均準(zhǔn)備就緒的時間點

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

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

問題解答

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

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

DOMContentLoaded和load的區(qū)別

DOM文檔加載的步驟為：

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