用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 相关文章推荐
IE DOM实现存在的部分问题及解决方法
Jul 25 Javascript
jquery dialog键盘事件代码
Aug 01 Javascript
JavaScript 错误处理与调试经验总结
Aug 10 Javascript
找出字符串中出现次数最多的字母和出现次数精简版
Nov 07 Javascript
javascript弹出页面回传值的方法
Jan 28 Javascript
基于jQuery制作小图标上下滑动特效
Jan 18 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
Nov 04 Javascript
微信小程序实现文字从右向左无限滚动
Nov 18 Javascript
详解如何搭建mpvue框架搭配vant组件库的小程序项目
May 16 Javascript
Vue+Node实现的商城用户管理功能示例
Dec 23 Javascript
微信小程序实现上传照片代码实例解析
Aug 04 Javascript
vue配置型表格基于el-table拓展之table-plus组件
Apr 12 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
如何做到多笔资料的同步
2006/10/09 PHP
深入PHP中慎用双等于(==)的详解
2013/06/06 PHP
golang与php实现计算两个经纬度之间距离的方法
2016/07/22 PHP
Laravel 解决composer相关操作提示php相关异常的问题
2019/10/23 PHP
javascript中window.event事件用法详解
2012/12/11 Javascript
javascript实时显示北京时间的方法
2015/03/12 Javascript
使用JavaScript实现旋转的彩圈特效
2015/06/23 Javascript
JavaScript中数组添加值和访问值常见问题
2016/02/06 Javascript
javascript HTML5文件上传FileReader API
2020/03/27 Javascript
详解JavaScript实现设计模式中的适配器模式的方法
2016/05/18 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
Vue.js第四天学习笔记
2016/12/02 Javascript
关于vue-router路径计算问题
2017/05/10 Javascript
Node.js编写CLI的实例详解
2017/05/17 Javascript
AngularJS获取json数据的方法详解
2017/05/27 Javascript
Node.js+ES6+dropload.js实现移动端下拉加载实例
2017/06/01 Javascript
js实现rem自动匹配计算font-size的示例
2017/11/18 Javascript
vue的mixins属性详解
2018/03/14 Javascript
vue的style绑定background-image的方式和其他变量数据的区别详解
2018/09/03 Javascript
浅析JavaScript异步代码优化
2019/03/18 Javascript
JS实现点击生成UUID的方法完整实例【基于jQuery】
2019/06/12 jQuery
解决layui使用layui-icon出现默认图标的问题
2019/09/11 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
2020/07/18 Javascript
鸿蒙系统中的 JS 开发框架
2020/09/18 Javascript
Django的session中对于用户验证的支持
2015/07/23 Python
利用Python脚本生成sitemap.xml的实现方法
2017/01/31 Python
python opencv实现任意角度的透视变换实例代码
2018/01/12 Python
Python实现模拟登录网易邮箱的方法示例
2018/07/05 Python
python实现简单颜色识别程序
2020/02/19 Python
用python对excel进行操作(读,写,修改)
2020/12/25 Python
CSS3中31种选择器使用方法教程
2013/12/05 HTML / CSS
Contém1g官网:巴西彩妆品牌
2020/01/17 全球购物
期末总结的个人自我评价
2013/11/02 职场文书
如何编写优秀的食品项目创业计划书
2014/01/23 职场文书
办公室主任个人对照检查材料思想汇报
2014/10/11 职场文书
python中mongodb包操作数据库
2022/04/19 Python