JS判断页面是否加载完成 readyState

最新推荐文章于 2022-11-19 16:59:48 发布

原创最新推荐文章于 2022-11-19 16:59:48 发布 · 2.4k 阅读

CC 4.0 BY-SA版权

本文介绍了一种使用JavaScript来判断网页加载是否完成的方法。通过监听document的readystatechange事件，并检查document.readyState属性来实现。详细介绍了该方法的实现代码及document.readyState可能返回的五种状态。

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

代码如下：

document.onreadystatechange = listen;//当页面加载状态改变的时调用listen方法
function listen(){
if(document.readyState == “complete”) //判断页面加载状态
alert('加载完成');
}

document.readyState返回的五种状态：

Uninitialized －（未初始化）还没有调用send()方法
Loading －（正在发送）已调用send()方法，正在发送请求
Loaded －（发送完成）send()方法执行完成，已经接收到全部响应内容
Interactive－（正在解析）正在解析响应内容
Completed －（加载完成）响应内容解析完成，可以在客户端调用了