09
2019
01

js异步脚本

HTML5 为<script>元素定义了 async 属性。这个属性与 defer 属性类似,都用于改变处理脚本的行为。同样与 defer 类似,async 只适用于外部脚本文件,并告诉浏览器立即下载文件。但与 defer不同的是,标记为 async 的脚本并不保证按照指定它们的先后顺序执行。例如:

<!DOCTYPE html> 
<html> 
 <head> 
 <title>Example HTML Page</title> 
 <script type="text/javascript" async src="example1.js"></script> 
 <script type="text/javascript" async src="example2.js"></script> 
 </head> 
 <body> 
 <!-- 这里放内容 --> 
 </body> 
</html>

在以上代码中,第二个脚本文件可能会在第一个脚本文件之前执行。因此,确保两者之间互不依赖

非常重要。指定 async 属性的目的是不让页面等待两个脚本下载和执行,从而异步加载页面其他内容。

为此,建议异步脚本不要在加载期间修改 DOM。

异步脚本一定会在页面的 load 事件前执行,但可能会在 DOMContentLoaded 事件触发之前或之

后执行。支持异步脚本的浏览器有 Firefox 3.6、Safari 5 和 Chrome。

« 上一篇下一篇 »

相关文章:

JavaScript instanceof 深入讲解(转)  (2019-1-14 16:42:6)

js splice()方法  (2019-1-10 16:30:32)

js 检测数组  (2019-1-10 15:44:8)

js延迟脚本  (2019-1-9 11:42:21)

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。