<script>标签中的js脚本默认为是同步进行的,您可以通过 async 属性来改变脚本的执行方式,请参考下述示例:
浏览器支持
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>
HTML <script> 标签