HTML <script> async 属性

HTML script 标签参考手册 HTML <script> 标签

<script>标签中的js脚本默认为是同步进行的,您可以通过 async 属性来改变脚本的执行方式,请参考下述示例:

实例

一旦脚本可用,则会异步运行:

<script src="demo_async.js" async></script>

尝试一下 >>

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 支持 async 属性。

注意:Internet Explorer 9 及之前的版本不支持 <script> 标签的 async 属性。


定义和用法

async 属性是一个布尔属性。

async 属性一旦脚本可用,则会异步执行。

注意:async 属性仅适用于外部脚本(只有在使用 src 属性时)。

注意:有多种执行外部脚本的方法:

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

HTML 4.01 与 HTML5之间的差异

async 属性是 HTML5 中的新属性。


HTML 与 XHTML 之间的差异

在 XHTML 中,禁止属性最小化,async 属性必须定义为 <script async="async">。


语法

<script async>

HTML script 标签参考手册 HTML <script> 标签