用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 相关文章推荐
几个高效,简洁的字符处理函数
Apr 12 Javascript
ExtJS Store的数据访问与更新问题
Apr 28 Javascript
推荐 21 款优秀的高性能 Node.js 开发框架
Aug 18 Javascript
js创建对象的方式总结
Jan 10 Javascript
javascript实现超炫的向上滑行菜单实例
Aug 03 Javascript
JavaScript中字符串与Unicode编码互相转换的实现方法
Dec 18 Javascript
详解微信小程序——自定义圆形进度条
Dec 29 Javascript
JavaScript表单验证的两种实现方法
Feb 11 Javascript
vue2组件实现懒加载浅析
Mar 29 Javascript
微信小程序实现3D轮播图效果(非swiper组件)
Sep 21 Javascript
Node.js设置定时任务之node-schedule模块的使用详解
Apr 28 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
咖啡因含量是由谁决定的?低因咖啡怎么来?低因咖啡适合什么人喝
2021/03/06 新手入门
php实现扫描二维码根据浏览器类型访问不同下载地址
2014/10/15 PHP
php操作xml并将其插入数据库的实现方法
2016/09/08 PHP
JS动画效果代码3
2008/04/03 Javascript
javascript hasFocus使用实例
2010/06/29 Javascript
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
2012/08/24 Javascript
用JS动态改变表单form里的action值属性的两种方法
2016/05/25 Javascript
获取input标签的所有属性的方法
2016/06/28 Javascript
最原始的jQuery注册验证方式
2016/10/11 Javascript
浅谈JS获取元素的N种方法及其动静态讨论
2017/08/25 Javascript
nodeJs爬虫的技术点总结
2018/05/13 NodeJs
详解ES6 系列之异步处理实战
2018/10/26 Javascript
[37:03]完美世界DOTA2联赛PWL S3 INK ICE vs GXR 第二场 12.16
2020/12/18 DOTA
Python操作Mysql实例代码教程在线版(查询手册)
2013/02/18 Python
python实现rest请求api示例
2014/04/22 Python
Python深入学习之闭包
2014/08/31 Python
Python 判断是否为质数或素数的实例
2017/10/30 Python
python 使用sys.stdin和fileinput读入标准输入的方法
2018/10/17 Python
Python中numpy模块常见用法demo实例小结
2019/03/16 Python
Python加密模块的hashlib,hmac模块使用解析
2020/01/02 Python
pytorch 获取tensor维度信息示例
2020/01/03 Python
Python API len函数操作过程解析
2020/03/05 Python
Python调用接口合并Excel表代码实例
2020/03/31 Python
Python读取二进制文件代码方法解析
2020/06/22 Python
一款纯css3实现的响应式导航
2014/10/31 HTML / CSS
Booking.com美国:全球酒店预订网站
2017/04/18 全球购物
顶丰TOPPIK台湾官网:增发纤维假发,告别秃发困扰
2018/06/13 全球购物
Ivory Isle Designs美国/加拿大:婚礼和活动文具公司
2018/08/21 全球购物
匡威爱尔兰官网:Converse爱尔兰
2019/06/09 全球购物
飞利浦西班牙官方网站:Philips西班牙
2020/02/17 全球购物
护士实习生自我鉴定范文
2013/12/10 职场文书
实习生自我评价
2014/01/18 职场文书
旅行社各个岗位职责
2014/03/15 职场文书
国际经济与贸易专业求职信
2014/07/10 职场文书
看看如何用Python绘制小米新版天价logo
2021/04/20 Python
Python序列化与反序列化相关知识总结
2021/06/08 Python