文章詳情頁
javascript - domcontentloaded事件什么時候觸發
瀏覽：206日期：2022-12-16 08:10:29
問題描述
https://developers.google.com...
說是 domContentLoaded 一般表示 DOM 和 CSSOM 均準備就緒的時間點
js高程那本書p390頁說不等待css文件下載完畢。
那么問題是到底等不等CSSOM就緒
問題解答
回答1：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
標簽：
JavaScript
上一條：javascript - js 有什么優雅的辦法實現在同時打開的兩個標簽頁間相互通信？下一條：javascript - sublime什么插件可以在我自動保存代碼之后，對es6代碼自動檢查并格式化。
相關文章：
1. vue.js - vue apache 代理設置2. angular.js - 百度支持_escaped_fragment_嗎？3. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？4. javascript - $(document).scrollTop()與某個div的$(’#js_productWrap’).offset().top5. html - css布局問題，背景用用div畫的三角形是否用absolute與z-index來定位與規定在下方是否是個好方案6. android.text.Html.fromHtml()無法解析<ol><li> </li></ol>應該怎么解決7. node.js - Vue+Webpack在dev環境下沒有問題build后出現莫名錯誤8. node.js - nodejs+express+vue9. javascript - vue2.0中使用vue2-dropzone的demo，vue2-dropzone的github網址是什么？？百度不到。10. javascript - Vue和React哪個源碼更適合閱讀學習？不談框架優劣，只從學習的角度出發，希望知其所以然。
排行榜
網公網安備