HTML: <script> async 属性

由网友 大卫 发布 阅读 7

HTML: <script> async 属性

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

 HTML <script> 标签

在线示例

如果脚本可执行,则会异步运行:

<!DOCTYPE html>
<html>
<head>
<title>HTML:<script> async 属性 - 大卫编程网(div.cn)</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">。

语法

<script async>
 HTML <script> 标签

HTML: <script> defer 属性 HTML p align 属性