script标签的async属性是用来异步加载
2015-03-31 18:51
417 查看
一般的script标签(不带async等属性)加载时会阻塞浏览器,也就是说,浏览器在下载或执行该js代码块时,后面的标签不会被解析,例如在head中添加一个script,但这个script下载时网络不稳定,很长时间没有下载完成对应的js文件,那么浏览器此时一直等待这个js文件下载,此时页面不会被渲染,用户看到的就是白屏(网页文件已下载好,但浏览器不解析) 而使用async属性,浏览器会下载js文件,同时继续对后面的内容进行渲染 通常如果js不需要改变DOM结构时可以使用async进行异步加载(比如一些统计代码可以异步加载,因为此代码与页面执行逻辑无关,不会改变DOM结构)
相关文章推荐
- script标签的async属性是用来异步加载
- script标签属性之:剖析async(异步加载js)
- 总结前端开发模式和规范 2、HTML5中script的async属性异步加载JS
- [Javascript]HTML5中script的async属性异步加载JS
- HTML5中script的async属性异步加载JS
- [Javascript]HTML5中script的async属性异步加载JS
- HTML5 <script>元素async,defer异步加载
- HTML5中script的async属性异步加载JS
- 火狐 异步加载页面 script 标签js没执行
- html5 script标签async属性用法
- script标签中async,defer两个属性的区别
- JS点击任意标签获得该标签属性,以获得ID为例,以及AJAX的异步原理和 $(document).ready()与window.onload加载方法的区别
- 用script标签异步加载js
- 使用async属性异步加载执行JavaScript
- 使用async 和 defer 属性异步加载执行JavaScript
- HTML5 <script>元素async,defer异步加载
- HTML5 script元素async、defer异步加载使用介绍
- script的async属性以非阻塞的模式加载脚本
- HTML5 <script>元素async,defer异步加载
- HTML5特性:使用async属性异步加载执行JavaScript