程序笔记

script 标签 defer参数有什么用？

2024-06-18 67

defer 是 HTML <script> 标签的一个属性，它用于告诉浏览器延迟执行脚本，直到文档解析完成之后再执行。这意味着带有 defer 属性的脚本将在文档完全解析后才会执行，而不会阻止文档的解析过程。

defer 属性的作用包括：

延迟执行脚本：defer 属性告诉浏览器不要立即执行脚本，而是等待文档解析完毕后再执行。这可以提高页面加载性能，因为浏览器不需要等待脚本执行完成才继续解析文档。

保持脚本顺序：带有 defer 属性的脚本会按照它们在文档中的顺序执行，即使它们出现在文档的 <head> 中，也不会影响其他资源的加载和执行。

在文档 DOMContentLoaded 事件之前执行：defer 脚本会在文档的 DOMContentLoaded 事件触发之前执行。这使得脚本可以安全地访问和操作文档的内容，而无需等待整个文档完全加载。

需要注意的是，defer 属性仅在外部脚本（通过 src 属性引入的脚本）中有效，并且在一些浏览器中可能存在一些实现差异。通常情况下，建议将脚本放在文档的末尾部分，以便避免使用 defer 属性时的一些潜在问题。

更新于：5个月前

赞一波！

评论问答