今天带大家了解一下《js延时加载有哪些方式》
一.浅浅了解什么是js延时加载?
答:js延迟加载就是当页面全部加载完成后,再加载js文件。
好处:有助于提高页面加载的速度。
二.js延时加载有哪些方式?
①.Script标签中加入defer属性,
可以达到异步加载js文件,延迟执行js脚本文件目的。
②.在script标签上,
设置async属性,可以达到异步加载js文件的目的。
③.动态创建dom方法。
动态创建script标签,当页面的全部内容加载完毕后,在执行创建挂载。
④.使用jQuery的getscript方法。
$.getScript(“outer.js” , function(){//回调函数,成功获取文件后执行的函数console.log(“脚本加载完成")});
⑤.setTimeout
在每一个脚本文件最外层设置一个定时器。
⑥.最后引入js。
当外部加载js文件时,应该将js脚本放在最后,当全部的文件都加载完成后,再开始加载执行js脚本。
注意 虽然async和defer一样,都不会阻塞其他资源下载,所以不会影响页面的加载。缺点:不能控制加载的顺序
小作者在持续更新…