本文介绍如何使用 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 - (完成)响应内容解析完成,可以在客户端调用了