码迷,mamicode.com
首页 > Web开发 > 详细

js脚本同步、异步与延迟

时间:2014-06-06 16:39:07      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:c   class   blog   code   a   文件   

 

一般,我们通过src引入js文件时建议在页面末尾引入,因为会阻塞页面的渲染。defer和async可以达到同样效果

 


 

当HTML解析器遇到<script>元素时,它必须先执行脚本,然后再恢复文档的解析和渲染。

 

脚本的执行旨在默认情况下时同步和阻塞的,我们可以为script标签添加defer和async属性(当然并不是所有浏览器支持)

使用defer和async属性,浏览器可以在下载脚本时继续解析和渲染文档

如果标签同时有这两个属性,同时支持defer和async属性时会自动忽略defer属性

如下:

<script defer src="aa.js"></script>

<script async src="bb.js"></script>

 


 

注意:

延迟的脚本会按它们在文档中出现的顺序执行,而异步的脚本在它们载入后执行(顺序可能无序)。

 

js脚本同步、异步与延迟,布布扣,bubuko.com

js脚本同步、异步与延迟

标签:c   class   blog   code   a   文件   

原文地址:http://www.cnblogs.com/wishyouhappy/p/3766028.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!