js--《js延时加载有哪些方式》

今天带大家了解一下《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一样，都不会阻塞其他资源下载，所以不会影响页面的加载。缺点：不能控制加载的顺序

小作者在持续更新…