异步脚本保证会在页面的load事件前执行，但可能会在DOMContentLoaded之前或之后-CFANZ编程社区

异步脚本保证会在页面的load事件前执行，但可能会在DOMContentLoaded之前或之后

HTML5为

html>
<html>
  <head>
  <title>Example HTML Page</title>
  <script async src="example1.js"></script>
  <script async src="example2.js"></script>
  </head>
  <body>
  <!--这里是页面内容-->
  </body>
</html>

在这个例子中，第二个脚本可能先于第一个脚本执行。因此，重点在于它们之间没有依赖关系。给脚本添加async属性的目的是告诉浏览器，不必等脚本下载和执行完后再加载页面，同样也不必等到该异步脚本下载和执行后再加载其他脚本。正因为如此，异步脚本不应该在加载期间修改DOM。
异步脚本保证会在页面的load事件前执行，但可能会在DOMContentLoaded之前或之后。Firefox 3.6、Safari 5和Chrome 7支持异步脚本。使用async也会告诉页面你不会使用document.write，不过好的Web开发实践根本就不推荐使用这个方法。注意　对于XHTML文档，指定async属性时应该写成async=“async”。

0 条评论