等待文件載入

Created: November-22, 2018

最常用的事件之一是等待文件載入，包括指令碼檔案和影象。document 上的 load 事件用於此。

document.addEventListener('load', function() {
   console.log("Everything has now loaded!");
});

有時你嘗試在載入 DOM 物件之前訪問它，從而導致出現空指標。這些都很難除錯。為避免這種情況，請改用 document 的 DOMContentLoaded 事件。DOMContentLoaded 確保在不等待其他外部資源的情況下載入和初始化 HTML 內容。

document.addEventListener('DOMContentLoaded', function() {
   console.log("The document contents are now available!");
});