This is an explanation of the video content.
 用技术延续对ACG的热爱
...
130

 |   | 

如何让引入js延迟执行

如果你想要在引入JavaScript文件时延迟执行其中的代码，你可以使用defer属性。defer属性告诉浏览器延迟执行脚本，直到文档完全解析完成。

下面是一个示例，展示如何在引入JavaScript文件时延迟执行代码：


<!DOCTYPE html>
<html>
<head>
  <title>延迟执行JavaScript示例</title>
</head>
<body>
  <h1>延迟执行JavaScript示例</h1>

  <!-- 引入JavaScript文件，并设置defer属性 -->
  <script src="your-script.js" defer></script>
</body>
</html>

在上述示例中，我们在<script>标签中引入了一个名为your-script.js的JavaScript文件，并为该标签添加了defer属性。这将使浏览器在文档解析完全完成后再执行your-script.js中的代码。

请注意，defer属性只适用于外部脚本文件，而不适用于内联脚本（即直接在<script>标签中编写的脚本）。

使用defer属性可以确保脚本在文档完全加载后执行，这样可以避免阻塞页面的渲染。这对于提高网页性能和用户体验非常有帮助。

130 🖺前端 ↦ JavaScript开发技巧 __ 23 字
 JavaScript开发技巧 #3