用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中遭遇级联表达式陷阱
Mar 08 Javascript
javascript 基础篇4 window对象,DOM
Mar 14 Javascript
jQuery下通过replace字符串替换实现大小图片切换
May 22 Javascript
基于jquery & json的省市区联动代码
Jun 26 Javascript
使用jQuery时Form表单元素ID和name命名大忌
Mar 06 Javascript
全面了解JavaScript对象进阶
Jul 19 Javascript
详谈for循环里面的break和continue语句
Jul 20 Javascript
利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序
Jun 07 Javascript
vue路由插件之vue-route
Jun 13 Javascript
JS面向对象编程基础篇(二) 封装操作实例详解
Mar 03 Javascript
解决vue单页面应用进入页面加载所有 js 的问题
Aug 12 Javascript
jquery实现拖拽小方块效果
Dec 10 jQuery
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将access数据库转换到mysql数据库的方法
2014/12/24 PHP
基于php的微信公众平台开发入门实例
2015/04/15 PHP
php如何连接sql server
2015/10/16 PHP
PHP实现小偷程序实例
2016/10/31 PHP
详细解读php的命名空间(二)
2018/02/21 PHP
JavaScript 封装Ajax传递的数据代码
2009/06/05 Javascript
简短几句 通俗解释javascript的闭包
2011/01/17 Javascript
js判断样式className同时增加class或删除class
2013/01/30 Javascript
jquery实现metro效果示例代码
2013/09/06 Javascript
web前端设计师们常用的jQuery特效插件汇总
2014/12/07 Javascript
jQuery EasyUI 布局之动态添加tabs标签页
2015/11/18 Javascript
JS实现的手机端精简幻灯片效果
2016/09/05 Javascript
JS+HTML+CSS实现轮播效果
2017/11/28 Javascript
Nuxt.js踩坑总结分享
2018/01/18 Javascript
Node.js中的child_process模块详解
2018/06/08 Javascript
JavaScript中call和apply方法的区别实例分析
2018/08/03 Javascript
layUI实现列表查询功能
2019/07/27 Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
2019/09/11 Javascript
使用vue-router切换页面时实现设置过渡动画
2019/10/31 Javascript
vue调用本地摄像头实现拍照功能
2020/08/14 Javascript
Python反射用法实例简析
2017/12/22 Python
Python线程障碍对象Barrier原理详解
2019/12/02 Python
Python递归调用实现数字累加的代码
2020/02/25 Python
详解使用python3.7配置开发钉钉群自定义机器人(2020年新版攻略)
2020/04/01 Python
让ie浏览器成为支持html5的浏览器的解决方法(使用html5shiv)
2014/04/08 HTML / CSS
JD Sports德国官网:英国领先的运动鞋和运动服饰零售商
2018/02/26 全球购物
俄罗斯GamePark游戏商店网站:购买游戏、游戏机和配件
2020/03/13 全球购物
什么是JNDI的上下文?如何初始化JNDI上下文
2012/03/10 面试题
历史专业毕业生的自我鉴定
2013/11/15 职场文书
医药营销个人求职信范文
2014/02/07 职场文书
《草虫的村落》教学反思
2014/02/16 职场文书
行政答辩状范文
2015/05/21 职场文书
走近毛泽东观后感
2015/06/04 职场文书
廉洁自律准则学习心得体会
2016/01/13 职场文书
初中政治教学反思
2016/02/23 职场文书
Vue elementUI表单嵌套表格并对每行进行校验详解
2022/02/18 Vue.js