码迷,mamicode.com
首页 > 其他好文 > 详细

图解script的三种加载方式 异步加载顺序

时间:2017-04-28 16:00:07      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:execution   异同点   ext   问题   sync   就会   plain   不一致   image   

摘录如下:

技术分享

可以很清晰的看出:

  • <script>: 脚本的获取和执行是同步的。此过程中页面被阻塞,停止解析。
  • <script defer = "defer">:脚本的获取是异步的,执行是同步的。脚本加载不阻塞页面的解析,脚本在获取完后并不立即执行,而是等到DOMready之后才开始执行。
  • <script async = "async">: 脚本的获取是异步的,执行是同步的。但是和<script defer = "defer">的不同点在于脚本获取后会立刻执行,这就会造成脚本的执行顺序和页面上脚本的排放顺序不一致,可能造成脚本依赖的问题。

参考文献:

Asynchronous and deferred JavaScript execution explained

图解script的三种加载方式 异步加载顺序

标签:execution   异同点   ext   问题   sync   就会   plain   不一致   image   

原文地址:http://www.cnblogs.com/liuchuanfeng/p/6781484.html

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