用js判断页面是否加载完成

说明：先将html，body的display属性设置成none，然后给加载状态赋予一个执行函数，执行函数中写状态监听代码

//前提，先引入jquery
$("html body").css("display","none");
//监听加载状态改变
document.onreadystatechange = completeLoading;

//加载状态为complete时移除loading效果
function completeLoading() {
    if (document.readyState == "complete") {
       //下面是状态为complete时，执行自己的代码，我的需求是把html , body显示出来
        $("html body").css("display","block");
    }
}    

页面加载readyState的五种状态

0: Uninitialized    未初始化，还没有调用send()方法 

1: Loading           载入，已调用send()方法，正在发送请求

2: Loaded            载入完成，send()方法执行完成，已经接收到全部响应内容 

3: Interactive       交互，正在解析响应内容 

4: Completed      完成，响应内容解析完成，可以在客户端调用了