异步加载JS的五种方式
2016-11-24 11:12
253 查看
方案一:<script>标签的async="async"属性(详细参见:script标签的async属性) 点评:HTML5中新增的属性,Chrome、FF、IE9&IE9+均支持(IE6~8不支持)。此外,这种方法不能保证脚本按顺序执行。 方案二:<script>标签的defer="defer"属性 点评:兼容所有浏览器。此外,这种方法可以确保所有设置defer属性的脚本按顺序执行。 方案三:动态创建<script>标签 示例: <!DOCTYPE html> <html> <head> <script type="text/javascript"> (function(){ var s = document.createElement_x('script'); s.type = 'text/javascript'; s.src = "http://code.jquery.com/jquery-1.7.2.min.js"; var tmp = document.getElementsByTagName_r('script')[0]; tmp.parentNode.insertBefore(s, tmp); })(); </script>
相关文章推荐
- 异步加载JS的五种方式(详解)(转)
- 黄聪:异步加载JS的4种方式(详解)
- 点评js异步加载的4种方式
- JS的加载方式---同步和异步
- JS异步加载的三种方式
- 点评js异步加载的4种方式
- JS异步加载的三种方式
- [置顶] 黄聪:异步加载JS的4种方式(详解)
- JS异步加载的三种方式
- js异步加载的3种方式(转载)
- JS异步加载的三种实现方式
- JS异步加载的几种方式
- 详解JS异步加载的三种方式
- JS 动态加载js文件和css文件 同步/异步的两种简单方式
- 点评js异步加载的4种方式
- js异步加载的三种方式
- JS 动态加载js文件和css 文件 同步/异步 两种方式
- js异步加载的三种方式
- js 实现图片预加载 (js操作 Image对象属性complete ,事件onload 异步加载图片)
- UpdatePanel中内容异步加载后,调用JS脚本方法