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

最新推荐文章于 2023-04-04 19:31:02 发布

原创最新推荐文章于 2023-04-04 19:31:02 发布 · 131 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了如何使用JavaScript的document.onreadystatechange方法监听页面加载状态，并通过document.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 －（完成）响应内容解析完成，可以在客户端调用了