用js判断页面是否加载完成实现代码


Posted in Javascript onDecember 11, 2012

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

Javascript 相关文章推荐
可以支持多中格式的JS键盘
May 02 Javascript
用JS操作FRAME中的IFRAME及其内容的实现代码
Jul 26 Javascript
浅谈javascript 面向对象编程
Oct 28 Javascript
javascript的数据类型、字面量、变量介绍
May 23 Javascript
UI Events 用户界面事件
Jun 27 Javascript
js 三级关联菜单效果实例
Aug 13 Javascript
关于编写性能高效的javascript事件的技术
Nov 28 Javascript
bootstrap常用组件之头部导航实现代码
Apr 20 Javascript
基于js的变量提升和函数提升(详解)
Sep 17 Javascript
Vue.js 2.5新特性介绍(推荐)
Oct 24 Javascript
vue路由--网站导航功能详解
Mar 29 Javascript
vue-cropper插件实现图片截取上传组件封装
May 27 Vue.js
ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
Dec 11 #Javascript
IE6浏览器下resize事件被执行了多次解决方法
Dec 11 #Javascript
什么是json和jsonp,jQuery json实例详详细说明
Dec 11 #Javascript
JavaScript子窗口ModalDialog中操作父窗口对像
Dec 11 #Javascript
javascript中window.event事件用法详解
Dec 11 #Javascript
js 延迟加载 改变JS的位置加快网页加载速度
Dec 11 #Javascript
js控制CSS样式属性语法对照表
Dec 11 #Javascript
You might like
PHP setcookie() cannot modify header information 的解决方法
2009/01/09 PHP
php后门URL的防范
2013/11/12 PHP
php中文字符串截取多种方法汇总
2016/10/06 PHP
Js+Dhtml:WEB程序员简易开发工具包(预先体验版)
2006/11/07 Javascript
JS时间选择器 兼容IE6,7,8,9
2012/06/26 Javascript
自动刷新网页,自动刷新当前页面,JS调用
2013/06/24 Javascript
jquery实现ajax提交form表单的方法总结
2014/03/03 Javascript
详细解读JavaScript的跨浏览器事件处理
2015/08/12 Javascript
jQuery实现选项联动轮播效果【附实例】
2016/04/19 Javascript
AngularJS表格样式简单设置方法示例
2017/03/03 Javascript
Vue指令的钩子函数使用方法
2017/03/20 Javascript
node实现登录图片验证码的示例代码
2018/04/20 Javascript
解决vue热替换失效的根本原因
2018/09/19 Javascript
解决Vue开发中对话框被遮罩层挡住的问题
2018/11/26 Javascript
Vue-CLI 3.X 部署项目至生产服务器的方法
2019/03/22 Javascript
微信小程序mpvue点击按钮获取button值的方法
2019/05/29 Javascript
JS随机密码生成算法
2019/09/23 Javascript
vue实现给div绑定keyup的enter事件
2020/07/31 Javascript
Python urllib模块urlopen()与urlretrieve()详解
2013/11/01 Python
Python实现根据指定端口探测服务器/模块部署的方法
2014/08/25 Python
不到40行代码用Python实现一个简单的推荐系统
2019/05/10 Python
Python简单实现区域生长方式
2020/01/16 Python
Pandas时间序列基础详解(转换,索引,切片)
2020/02/26 Python
记录一下scrapy中settings的一些配置小结
2020/09/28 Python
python3.8.3安装教程及环境配置的详细教程(64-bit)
2020/11/28 Python
预订从美国飞往印度的机票:MyTicketsToIndia
2017/05/19 全球购物
.NET面试问题集
2015/12/08 面试题
全民健身日活动方案
2014/01/29 职场文书
顶撞领导检讨书
2014/01/29 职场文书
法学专业毕业实习自我鉴定2014
2014/09/27 职场文书
2015年小学开学寄语
2015/02/27 职场文书
2016年社区创先争优活动总结
2016/04/05 职场文书
《水浒传》读后感3篇(范文)
2019/09/19 职场文书
CSS3实现的文字弹出特效
2021/04/16 HTML / CSS
JS前端使用canvas实现物体的点选示例
2022/08/05 Javascript
python 使用pandas读取csv文件的方法
2022/12/24 Python