用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 YUI 读码日记之 YAHOO.util.Dom - Part.2 0
Mar 22 Javascript
javascript 日期时间函数(经典+完善+实用)
May 27 Javascript
js清空表单数据的两种方式(遍历+reset)
Jul 18 Javascript
jQuery UI设置固定日期选择特效代码分享
Aug 27 Javascript
设置点击文本框或图片弹出日历控件的实现代码
May 12 Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
Aug 31 Javascript
vue如何根据网站路由判断页面主题色详解
Nov 02 Javascript
jQuery实现弹出层效果
Dec 10 jQuery
使用webpack搭建pixi.js开发环境
Feb 12 Javascript
js实现三角形粒子运动
Sep 22 Javascript
在Vue中使用CSS3实现内容无缝滚动的示例代码
Nov 27 Vue.js
vue 使用饿了么UI仿写teambition的筛选功能
Mar 01 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
第十节 抽象方法和抽象类 [10]
2006/10/09 PHP
用在PHP里的JS打印函数
2006/10/09 PHP
php中echo()和print()、require()和include()等易混淆函数的区别
2012/02/22 PHP
php中将字符串转为HTML的实体引用的一个类
2013/02/03 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
浅谈PHP各环境下的伪静态配置
2019/03/13 PHP
一个可以显示阴历的JS代码
2007/03/05 Javascript
jQuery Jcrop插件实现图片选取功能
2011/11/23 Javascript
jquery插件制作简单示例说明
2012/02/03 Javascript
Js如何判断客户端是PC还是手持设备简单分析
2012/11/22 Javascript
点击显示指定元素隐藏其他同辈元素的方法
2014/02/19 Javascript
jquery $("#variable") 循环改变variable的值示例
2014/02/23 Javascript
jQuery实现定时读取分析xml文件的方法
2015/07/16 Javascript
JavaScript节点及列表操作实例小结
2015/08/05 Javascript
浅谈javascript中onbeforeunload与onunload事件
2015/12/10 Javascript
利用JQuery操作iframe父页面、子页面的元素和方法汇总
2017/09/10 jQuery
angular4实现tab栏切换的方法示例
2017/10/21 Javascript
单页面vue引入百度统计的使用方法示例详解
2018/10/13 Javascript
jQuery实现判断滚动条滚动到document底部的方法分析
2019/08/27 jQuery
Python编程语言的35个与众不同之处(语言特征和使用技巧)
2014/07/07 Python
Python中random模块用法实例分析
2015/05/19 Python
Python爬取国外天气预报网站的方法
2015/07/10 Python
python使用pymysql实现操作mysql
2016/09/13 Python
Python实现按特定格式对文件进行读写的方法示例
2017/11/30 Python
浅谈Python中的作用域规则和闭包
2018/03/20 Python
利用python将pdf输出为txt的实例讲解
2018/04/23 Python
python IDLE 背景以及字体大小的修改方法
2019/07/12 Python
Python实现网络聊天室的示例代码(支持多人聊天与私聊)
2021/01/27 Python
Flask中jinja2的继承实现方法及实例
2021/03/03 Python
英国第一家领先的在线处方眼镜零售商:Glasses Direct
2018/02/23 全球购物
师范教师专业大学生职业生涯规划范文
2014/03/02 职场文书
2015年打非治违工作总结
2015/04/02 职场文书
2015年行风建设工作总结
2015/05/15 职场文书
小学体育教学随笔
2015/08/14 职场文书
2015年小学体育教师工作总结
2015/10/23 职场文书
导游词之丽江普济寺
2019/10/22 职场文书