用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 相关文章推荐
javascript 动态设置已知select的option的value值的代码
Dec 16 Javascript
js禁止小键盘输入数字功能代码
Aug 01 Javascript
php显示当前文件所在的文件以及文件夹所有文件以树形展开
Dec 13 Javascript
js实现发送验证码后的倒计时功能
May 28 Javascript
javascript作用域问题实例分析
Jul 13 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
Jan 27 Javascript
基于javascript实现动态显示当前系统时间
Jan 28 Javascript
基于jQuery制作小图标上下滑动特效
Jan 18 Javascript
JS实现课堂随机点名和顺序点名
Mar 09 Javascript
AngularJS实现的输入框字数限制提醒功能示例
Oct 26 Javascript
基于VUE实现的九宫格抽奖功能
Sep 30 Javascript
layui select 禁止点击的实现方法
Sep 05 Javascript
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实现多条件查询实例代码
2010/07/17 PHP
php 过滤英文标点符号及过滤中文标点符号代码
2014/06/12 PHP
php同时使用session和cookie来保存用户登录信息的实现代码
2016/05/13 PHP
一段实时更新的时间代码
2006/07/07 Javascript
JS中简单的实现像C#中using功能(有源码下载)
2007/01/09 Javascript
ajax中get和post的说明及使用与区别
2012/12/23 Javascript
判断javascript的数据类型(示例代码)
2013/12/11 Javascript
Javascript 按位取反运算符 (~)
2014/02/04 Javascript
js获取input长度并根据页面宽度设置其大小及居中对齐
2014/08/22 Javascript
关于javascript模块加载技术的一些思考
2014/11/28 Javascript
jQuery基础语法实例入门
2014/12/23 Javascript
js闭包实现按秒计数
2015/04/23 Javascript
jQuery实现的简单折叠菜单(折叠面板)效果代码
2015/09/16 Javascript
Nodejs下用submit提交表单提示cannot post错误的解决方法
2016/11/21 NodeJs
JS实现评价的星星功能
2017/08/20 Javascript
vue中配置mint-ui报css错误问题的解决方法
2017/10/11 Javascript
nodejs+mongodb aggregate级联查询操作示例
2018/03/17 NodeJs
nodejs基于express实现文件上传的方法
2018/03/19 NodeJs
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
2018/08/28 jQuery
Vue核心概念Action的总结
2019/01/18 Javascript
使用vue打包进行云服务器上传的问题
2020/03/02 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
2020/04/10 Javascript
JS实现放大镜效果
2020/09/21 Javascript
用Python的pandas框架操作Excel文件中的数据教程
2015/03/31 Python
浅谈Python对内存的使用(深浅拷贝)
2018/01/17 Python
在Pycharm中自动添加时间日期作者等信息的方法
2019/01/16 Python
Python猴子补丁知识点总结
2020/01/05 Python
使用Python FastAPI构建Web服务的实现
2020/06/08 Python
详解Python中Pyyaml模块的使用
2020/10/08 Python
超酷炫 CSS3垂直手风琴菜单
2016/06/28 HTML / CSS
怎样写好自荐信和推荐信
2013/12/26 职场文书
历史专业学生的自我评价
2014/02/28 职场文书
技术股份合作协议书
2014/10/05 职场文书
初中英语教学随笔
2015/08/15 职场文书
Golang使用Panic与Recover进行错误捕获
2022/03/22 Golang
简单聊聊TypeScript只读修饰符
2022/04/06 Javascript