HTML <script> 标签的 async 属性

HTML <script> 标签HTML <script> 标签

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

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

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

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

 

1. 语法

<script async="async">

属性值

描述
async 规定脚本将被异步执行。

 

2. 范例

脚本将会异步运行:

<script type="text/javascript" src="demo_async.js" async="async"></script>

我要试一试

 

3. HTML 4.01 与 HTML 5 之间的差异

async 属性是 HTML5 中的新属性。

HTML <script> 标签HTML <script> 标签

HTML <script> 标签的 defer 属性:defer 属性规定是否对脚本执行进行延迟,直到页面加载为止。有的 javascript 脚本 document.write 方法来创建当前的文档内容,其他脚本就不一定是了。