js延迟加载

方法1：defer , 这属性可以让DOM加载好了再执行js外部文件，只用于引入的script标签中 ,在

方法2：async, 这属性异步加载js，只用于引入的script标签中 在浏览器开了一个线程，在浏览器开了一个线程，在浏览器开了一个线程，js是单线程浏览器不是，所以在浏览器再渲染线程的同时，也开启js引擎线程，即使加了async，并不能改变是在onload事件之前就运行的事实,与defer不同的是，这异步是和渲染同时进行，并且多个async顺序情况不确定，不考虑依赖，所以用还是defer更好

方法3：动态添加引入script标签，可以看出把引入操作放在了onload事件后

<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()方法
方法5：setTimeout将js代码延迟执行
方法6：让JS最后加载