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

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

这可以通过用document.onreadystatechange的方法来监听状态改变，然后用document.readyState == “complete”判断是否加载完成。

可以采用2个div，其中一个在前面，一个在后面，前面的先显示，里面放一个页面正在加载中的小图片，小flash都可以。

后面的div开始加载内容，在页面上随时监测加载是否完毕，如果加载完毕，将前面的div隐藏，后面的div提到前面来即可。

document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法.
function subSomething()
{
if(document.readyState == “Loaded”) //当页面加载状态
{
//Load提示第一个div隐藏掉
//将Html显示
}

页面加载readyState的五种状态原文如下:

0: (Uninitialized) the send( ) method has not yet been invoked.
0 －（未初始化）还没有调用send()方法
1: (Loading) the send( ) method has been invoked, request in progress.
1 －（载入）已调用send()方法，正在发送请求

2: (Loaded) the send( ) method has completed, entire response received.
2 －（载入完成）send()方法执行完成，已经接收到全部响应内容

3: (Interactive) the response is being parsed. 4: (Completed) the response has been parsed, is ready for harvesting.
3 －（交互）正在解析响应内容 4: (Completed) the response has been parsed, is ready for harvesting.
4 －（完成）响应内容解析完成，可以在客户端调用了