DOMContentLoaded 事件

最新推荐文章于 2024-06-23 12:45:17 发布

cvper

最新推荐文章于 2024-06-23 12:45:17 发布

阅读量4.8k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript DOMContentLoaded DOM加载完成

本文链接：https://blog.youkuaiyun.com/cvper/article/details/79855705

JavaScript 专栏收录该内容

42 篇文章

订阅专栏

本文介绍了JavaScript中的DOMContentLoaded事件，该事件在DOM结构加载完成后触发，而无需等待其他资源加载完成。通过一个示例展示了如何使用addEventListener来监听此事件并执行相应的函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在javascript 中，DOMContentLoaded 事件是文档加载完成时触发的事件，文档加载完成是指DOM结构

加载完成，不用考虑其它资源，比如图片等；

我们来看一个例子：

<!DOCTYPE html> 
<html> 
    <head> 
         <meta charset="utf-8"> 
         <meta name="newbean"/> 
         <title> DOMContentLoaded 事件</title> 
    </head> 
<body> 
           <script>
              // 定义say函数，控制台输出下面的文本
              function say(){
                console.log("文档结构加载完毕！");
              }
              //添加 DOMContentLoaded 事件监听
              window.addEventListener("DOMContentLoaded", say);
          </script>
</body> 
</html>