HTML <script> 标签的 async 属性
async 属性规定一旦脚本可用,则会异步执行。
实例
脚本将会异步运行:
<!DOCTYPE html>
<html>
<body>
<p id="p1">Hello World!</p>
<script type="text/javascript" src="/example/js/demo.js" async="async"></script>
</body>
</html>
定义和用法
async 属性规定一旦脚本可用,则会异步执行。
注释:async 属性仅适用于外部脚本(只有在使用 src 属性时)。
注释:有多种执行外部脚本的方法:
- 如果 async="async":脚本相对于页面的其余部分异步地执行(当页面继续进行解析时,脚本将被执行)
- 如果不使用 async 且 defer="defer":脚本将在页面完成解析时执行
- 如果既不使用 async 也不使用 defer:在浏览器继续解析页面之前,立即读取并执行脚本
浏览器支持
属性 | |||||
---|---|---|---|---|---|
async | Yes | Yes | Yes | Yes | Yes |
HTML 4.01 与 HTML 5 之间的差异
async 属性是 HTML5 中的新属性。
语法
<script async="async">
属性值
值 | 描述 |
---|---|
async | 规定脚本将被异步执行。 |