231 HTML script async 属性

HTML <script> async 属性

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

实例

一旦脚本可用，则会异步运行：

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

试一试

浏览器支持

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>