等待文档加载

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!");
});