zoukankan      html  css  js  c++  java
  • 41.js延迟加载的方式有哪些?

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

    JS延迟加载有助于提高页面加载速度。
     
    一般有以下几种方式:
     
    1)defer 属性
    1
    <script src="test1.js" defer="defer"></script>

      

    2)async 属性
    1
    <script src="test1.js" async></script>

      

    3)动态创建DOM方式
     
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    //这些代码应被放置在</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方法
    1
    2
    3
    $.getScript("outer.js",function(){//回调函数,成功获取文件后执行的函数 
          console.log("脚本加载完成") 
    });

      

    5)使用setTimeout延迟方法
    6)让JS最后加载
  • 相关阅读:
    JavaScript 事件
    Docker 部署asp.netcore
    Docker 安装
    JavaScript 窗口操作
    JavaScript 定时器
    JavaScript Dom
    Javascript try catch es5标准模式
    JavaScript 数组去重
    JavaScript 返回具体类型方法
    mysql 触发器
  • 原文地址:https://www.cnblogs.com/dream111/p/13472056.html
Copyright © 2011-2022 走看看