HTML 5 <script> defer 属性

HTML 5 <script> 标签

实例

页面已加载后才会运行脚本：

<script type="text/javascript" src="demo_defer.js" defer="defer"></script>

亲自试一试

定义和用法

defer 属性规定当页面已完成加载后，才会执行脚本。

注释：defer 属性仅适用于外部脚本（只有在使用 src 属性时）。

注释：有多种执行外部脚本的方法：

  • 如果 async="async"：脚本相对于页面的其余部分异步地执行（当页面继续进行解析时，脚本将被执行）
  • 如果不使用 async 且 defer="defer"：脚本将在页面完成解析时执行
  • 如果既不使用 async 也不使用 defer：在浏览器继续解析页面之前，立即读取并执行脚本

HTML 4.01 与 HTML 5 之间的差异

defer 属性是 HTML5 中的新属性。

语法

<script defer="defer">

属性值

值 描述
defer 规定当页面已完成加载后执行脚本。

HTML 5 <script> 标签