用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 相关文章推荐
jqeury eval将字符串转换json的方法
Jan 20 Javascript
jquery弹出框的用法示例(一)
Aug 26 Javascript
JS实现跟随鼠标立体翻转图片的方法
May 04 Javascript
javascript+html5实现绘制圆环的方法
Jul 28 Javascript
深入探究JavaScript中for循环的效率问题及相关优化
Mar 13 Javascript
js时间比较 js计算时间差的简单实现方法
Aug 26 Javascript
微信小程序 详解页面跳转与返回并回传数据
Feb 13 Javascript
vue中七牛插件使用的实例代码
Jul 28 Javascript
详解React 服务端渲染方案完美的解决方案
Dec 14 Javascript
vue-router实现嵌套路由的讲解
Jan 19 Javascript
element-ui组件table实现自定义筛选功能的示例代码
Mar 15 Javascript
Vue.js项目实战之多语种网站的功能实现(租车)
Aug 07 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创建基本身份认证站点的方法详解
2013/06/08 PHP
php rsa加密解密使用详解
2015/01/14 PHP
php mysql procedure实现获取多个结果集的方法【基于thinkPHP】
2016/11/09 PHP
利用PHP实现开心消消乐的算法示例
2017/10/12 PHP
小程序微信支付功能配置方法示例详解【基于thinkPHP】
2019/05/05 PHP
JavaScript入门教程(3) js面向对象
2009/01/31 Javascript
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
2010/06/18 Javascript
JS 控制小数位数的实现代码
2011/08/02 Javascript
js中文逗号转英文实现
2014/02/11 Javascript
js实现遮罩层弹出框的方法
2015/01/15 Javascript
javascript随机显示背景图片的方法
2015/06/18 Javascript
跟我学习javascript的异步脚本加载
2015/11/20 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
2016/06/21 Javascript
docker中编译nodejs并使用nginx启动
2017/06/23 NodeJs
Vue-router路由判断页面未登录跳转到登录页面的实例
2017/10/26 Javascript
Bootstrap 模态框多次显示后台提交多次BUG的解决方法
2017/12/26 Javascript
Webpack打包字体font-awesome的方法示例
2018/04/26 Javascript
详解Angular6学习笔记之主从组件
2018/09/05 Javascript
JS左右无缝轮播功能完整实例
2019/05/16 Javascript
[04:36]DOTA2国际邀请赛 ti3精彩集锦
2013/08/19 DOTA
[01:28:24]NAVI vs VG Supermajor 败者组 BO3 第三场 6.5
2018/06/06 DOTA
深入Python解释器理解Python中的字节码
2015/04/01 Python
python生成器与迭代器详解
2019/01/01 Python
django富文本编辑器的实现示例
2019/04/10 Python
tesserocr与pytesseract模块的使用方法解析
2019/08/30 Python
使用python实现kNN分类算法
2019/10/16 Python
Pytorch环境搭建与基本语法
2020/06/03 Python
Python 使用双重循环打印图形菱形操作
2020/08/09 Python
css3 响应式媒体查询的示例代码
2019/09/25 HTML / CSS
电子技术专业中专生的自我评价
2013/12/17 职场文书
经典公益广告词
2014/03/13 职场文书
售后服务承诺函格式
2015/01/21 职场文书
安全学习心得体会范文
2016/01/18 职场文书
vue+elementui 实现新增和修改共用一个弹框的完整代码
2021/06/08 Vue.js
Python通过loop.run_in_executor执行同步代码 同步变为异步
2022/04/11 Python
vue3种table表格选项个数的控制方法
2022/04/14 Vue.js