HTML: <script> async 属性

async属性是一个布尔属性，async属性如果存在，它指定脚本将在可用时立即异步执行，async属性仅适用于外部脚本（仅当存在src属性时才应使用）。

在线示例

如果脚本可执行，则会异步运行：

示例

<!DOCTYPE html>
<html>
<head>
<title>HTML:<script> async 属性 - 菜鸟教程(cainiaojc.com)</title>
</head>
<body>
<p id="p1">Hello World!</p>
<script src="demo_async.js" async></script>
</body>
</html>

测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

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

注意：Internet Explorer 9 及更早版本不支持 <script> 标签的 async 属性。

定义和用法

async属性是一个布尔属性。

如果存在，它指定脚本将在可用时立即异步执行。

注意： async属性仅适用于外部脚本（仅当存在src属性时才应使用）。

注意：可以通过多种方式执行外部脚本：

如果存在异步：脚本与页面的其余部分异步执行（脚本将在页面继续解析的同时执行）
如果不存在异步且存在延迟：在页面完成解析后执行脚本
如果不存在异步或延迟：在浏览器继续解析页面之前，立即获取并执行脚本

HTML 4.01 与 HTML5之间的差异

async 属性是 HTML5 中的新增属性。

HTML 与 XHTML 之间的差异

在 XHTML 中，禁止属性简写，async 属性必须定义为 <script async="async">。