点评js异步加载的4种方式_javascript技巧
程序员文章站
2022-04-26 23:50:07
...
js异步加载的4种方式,点评开始。
方案1:$(document).ready
点评:
1、需要引用jquery
2、兼容所有浏览器。
方案2:
async的定义和用法(是HTML5的属性)
async 属性规定一旦脚本可用,则会异步执行。
示例:
点评:
1、HTML5中新增的属性,Chrome、FF、IE9&IE9+均支持(IE6~8不支持)。此外,这种方法不能保证脚本按顺序执行。
2、async 属性仅适用于外部脚本(只有在使用 src 属性时)。
方案3:
defer 属性规定是否对脚本执行进行延迟,直到页面加载为止。
有的 javascript 脚本 document.write 方法来创建当前的文档内容,其他脚本就不一定是了。
如果您的脚本不会改变文档的内容,可将 defer 属性加入到
示例:
点评:兼容所有浏览器。此外,这种方法可以确保所有设置defer属性的脚本按顺序执行。
方案4:动态创建
示例:
点评:兼容所有浏览器。
以上就是针对js异步加载的4种方式进行的区分介绍,希望对大家的学习js异步加载有所帮助。
推荐阅读
-
JS异步加载的三种实现方式
-
js的压缩及jquery压缩探讨(提高页面加载性能/保护劳动成果)_javascript技巧
-
使用JavaScript判断图片是否加载完成的三种实现方式_javascript技巧
-
一个加载js文件的小脚本_javascript技巧
-
如何调试异步加载页面里包含的js文件_javascript技巧
-
JS判断页面加载状态以及添加遮罩和缓冲动画的代码_javascript技巧
-
动态加载js的方法汇总_javascript技巧
-
预加载css或javascript的js代码_javascript技巧
-
js focus不起作用的解决方法(主要是因为dom元素是否加载完成)_javascript技巧
-
JS中不为人知的五种声明Number的方式简要概述_javascript技巧