如何在純 JavaScript 中等待 DOM 準備就緒的事件 | Tech Wiki Online

如何在純 JavaScript 中等待 DOM 準備就緒的事件

如何在盡可能早的時間點運行 JavaScript，而不是更早地運行？

您可以通過對 document 對象添加 DOMContentLoaded 事件的監聽器來實現：

document.addEventListener('DOMContentLoaded', (event) => {
    // 事件發生時執行的代碼
})

我通常不在事件回調中使用箭頭函數，因為無法訪問 this。

但在這種情況下，我們不需要 this，因為它始終是 document。在任何其他事件監聽器中，我都會使用常規函數：

document.addEventListener('DOMContentLoaded', function(event) {
    // 事件發生時執行的代碼
})

例如，如果我在一個循環中添加事件監聽器，且不確定事件觸發時 this 將會是什麼。

tags: [“JavaScript”, “DOM”, “event listener”]