JavaScript——判断页面是否加载完成

前言

接上文，既然你是做一个loading的效果，你总不能一直loading，当页面完成加载的时候你总要结束吧

步骤

先说下原生的方法，再讲jquery的方法，原理是一样的

JavaScript

代码语言：javascript复制

//当页面加载的时候开始执行
document.onreadystatechange = function (){
        if(document.readyState == "complete")            //判断页面是否加载完成
           var load = document.getElementById("loading")
           var x = load.style.display = "none";
            console.log(x)
    }

jquery

代码语言：javascript复制

$(window).load(function() { 
      $("#loading").css("display","none")
    });

javascript document load loading 原理

0 人点赞