JavaScript 监听页面加载完成状态及 readyState 详解

作者:异步漫步时间:2026-10-26 21:56:25浏览:547

本文介绍如何使用 document.onreadystatechange 事件监听页面加载状态,并通过判断 document.readyState 等于 'complete' 来确认加载完成。文中详细列出了 readyState 的五种状态值及其含义,包括从初始化到完成的各个阶段,适用于需要精确控制页面加载行为的场景。

JavaScript 监听页面加载完成状态及 readyState 详解

利用 document.onreadystatechange 方法可以监听页面状态的变化。


随后通过检查 document.readyState 是否等于 “complete” 来判断页面是否已完全加载。


代码如下:

具体实现代码如下:

 
document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法.
function subSomething()
{ 
if(document.readyState == “complete”) //当页面加载状态
myform.submit(); //表单提交
} 

页面加载readyState的五种状态

原文如下:


0: (Uninitialized) the send( ) method has not yet been invoked.


1: (Loading) the send( ) method has been invoked, request in progress.


2: (Loaded) the send( ) method has completed, entire response received.


3: (Interactive) the response is being parsed.


4: (Completed) the response has been parsed, is ready for harvesting.



翻译成中文为:

0 - (未初始化)还没有调用send()方法


1 - (载入)已调用send()方法,正在发送请求


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


3 - (交互)正在解析响应内容


4 - (完成)响应内容解析完成,可以在客户端调用了

作者最新文章