HTML | DOM 结束事件

简介

在 HTML 文档中，一旦 DOM （文档对象模型）已经被解析完毕并且元素的所有子元素也已经被加载完成，将会触发 DOMContentLoaded 事件。该事件表明文档已经被完全解析，因此可用于执行一些初始化操作或加载需要的资源文件。

代码示例

监听 DOMContentLoaded 事件：

document.addEventListener('DOMContentLoaded', function() {
  // DOM 已经被完全解析，可以进行一些操作
});

注意事项

• 如果在 DOM 未解析完毕之前访问元素，将会抛出异常。

• DOMContentLoaded 事件不同于 load 事件，load 事件表示页面中的所有资源都已加载完成，包括样式表、脚本、图像等。

• 许多浏览器（例如 IE8-）不支持 DOMContentLoaded 事件，可以通过 DOMContentLoaded 事件库进行兼容。

• 如果将 DOMContentLoaded 事件监听添加在 <script> 元素中，可能会导致该事件无法被触发，因为此时该元素并未被解析。

总结

DOMContentLoaded 事件是 HTML DOM 中的一个非常重要的事件，它表示文档已经被完全解析，可以进行一些初始化操作。但需要注意兼容性问题和监听的位置。