等待載入 DOM
當 <head>
部分中包含與 DOM 互動的 <script>
程式碼時,請使用 DOMContentLoaded
。如果沒有包含在 DOMContentLoaded
回撥中,程式碼會丟擲錯誤
看不懂什麼的
null
document.addEventListener('DOMContentLoaded', function(event) {
// Code that interacts with DOM
});
https://html.spec.whatwg.org/multipage/syntax.html#the-end
DOMContentLoaded
的替代品
另一種選擇(適用於 IE8 )
// Alternative to DOMContentLoaded
document.onreadystatechange = function() {
if (document.readyState === "interactive") {
// initialize your DOM manipulation code here
}
}
https://developer.mozilla.org/en/docs/Web/API/Document/readyState