13. js延迟加载的方式有哪些-CSDN博客

JS延迟加载，也就是等页面加载完成之后再加载 JavaScript 文件。

JS延迟加载有助于提高页面加载速度。

一般有以下几种方式：

1）defer 属性

<script src="test1.js" defer="defer"></script>

2）async 属性

<script src="test1.js" async></script>

3）动态创建DOM方式

//这些代码应被放置在</body>标签前(接近HTML文件底部)
<script type="text/javascript">  
   function downloadJSAtOnload() {  
       varelement = document.createElement("script");  
       element.src = "defer.js";  
       document.body.appendChild(element);  
   }  
   if (window.addEventListener)  
      window.addEventListener("load",downloadJSAtOnload, false);  
   else if (window.attachEvent)  
      window.attachEvent("onload",downloadJSAtOnload);  
   else 
      window.onload =downloadJSAtOnload;  
</script>

4）使用jQuery的getScript方法

$.getScript("outer.js",function(){//回调函数，成功获取文件后执行的函数  
      console.log("脚本加载完成")  
});

5）使用setTimeout延迟方法

6）让JS最后加载

转载于:https://www.cnblogs.com/Lolita-web/p/10456849.html