HTML ＜script＞标签中的 defer/async 属性

最新推荐文章于 2025-07-26 23:26:06 发布

余一痴

最新推荐文章于 2025-07-26 23:26:06 发布

阅读量308

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： css html javascript jquery node.js

本文链接：https://blog.csdn.net/yycnf/article/details/108254453

前端专栏收录该内容

45 篇文章

订阅专栏

本文深入探讨了HTML<script>标签中的defer和async属性的作用及区别。defer属性确保脚本在页面加载完成后执行，遵循代码的书写顺序；而async属性则允许脚本异步加载，不阻塞页面渲染，但执行顺序不确定。

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

HTML <script> 标签中的 defer/async 属性

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>首页</title>
    <script defer src="js/在线js文件的路径"></script>
  </head>
  <body>
  
  </body>
</html>

defer 属性规定是否对脚本执行进行延迟，直到页面加载为止。（白话【自己理解】：代码从上到下依次执行，如果使用defer属性，就表示js脚本加载完毕后不立即执行，等页面加载完毕后在执行）。

async属性是默认的，可以省略不写。