理解 <script> 标签的 defer 和 async 属性

当我们在编写网页时,经常需要在 HTML 文件中引入 JavaScript 文件。这时候,我们通常会使用

开始

在介绍 defer 和 async 属性之前,我们先来看一下

<script src="path/to/script.js">script>

这段代码会在浏览器解析到它的时候,立即下载并执行 script.js 文件。如果我们需要在 HTML 文件中引入多个 JavaScript 文件,我们可以在页面中添加多个

<script src="path/to/script1.js">script>
<script src="path/to/script2.js">script>
<script src="path/to/script3.js">script>

这样做的问题是,如果这些文件之间存在依赖关系,执行顺序可能会出现问题。比如说,如果 script2.js 需要依赖 script1.js 中定义的某个变量,那么如果 script2.js 先于 script1.js 执行,就会出现错误。为了解决这个问题,我们可以使用 defer 和 async 属性。

JS defer 和 async 属性的优缺点

defer 和 async 是用于控制 JavaScript 脚本加载和执行的属性。它们可以在

你可能感兴趣的:(JS,javascript,开发语言,前端)