用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的ES6版本中的解构赋值
Jul 28 Javascript
Javascript 事件冒泡机制详细介绍
Oct 10 Javascript
在网页中插入百度地图的步骤详解
Dec 02 Javascript
前端js弹出框组件使用方法
Aug 24 Javascript
layer弹窗插件操作方法详解
May 19 Javascript
详解Vue中一种简易路由传参办法
Sep 15 Javascript
微信小程序使用picker实现时间和日期选择框功能【附源码下载】
Dec 11 Javascript
图文介绍Vue父组件向子组件传值
Feb 17 Javascript
在js文件中引入(调用)另一个js文件的三种方法
Sep 11 Javascript
openlayers实现地图弹窗
Sep 25 Javascript
jQuery-App输入框实现实时搜索
Nov 19 jQuery
JS前端监控采集用户行为的N种姿势
Jul 23 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
ThinkPHP中I(),U(),$this->post()等函数用法
2014/11/22 PHP
php示例详解Constructor Prototype Pattern 原型模式
2015/10/15 PHP
学习php设计模式 php实现适配器模式
2015/12/07 PHP
PHP编程之设置apache虚拟目录
2016/07/08 PHP
解决Laravel自定义类引入和命名空间的问题
2019/10/15 PHP
ExtJs之带图片的下拉列表框插件
2010/03/04 Javascript
JS 非图片动态loading效果实现代码
2010/04/09 Javascript
JQuery.closest(),parent(),parents()寻找父结点
2012/02/17 Javascript
node.js中的fs.fchownSync方法使用说明
2014/12/16 Javascript
js实现使用鼠标拖拽切换图片的方法
2015/05/04 Javascript
函数window.open实现关闭所有的子窗口
2015/08/03 Javascript
JS优化与惰性载入函数实例分析
2017/04/06 Javascript
微信小程序实现跟随菜单效果和循环嵌套加载数据
2017/11/21 Javascript
JQuery搜索框自动补全(模糊匹配)功能实现示例
2019/01/08 jQuery
js实现一款简单踩白块小游戏(曾经很火)
2019/12/02 Javascript
浅谈javascript事件环微任务和宏任务队列原理
2020/09/12 Javascript
[01:16]2014DOTA2 TI专访C9战队EE:中国五强中会占三席
2014/07/10 DOTA
python的id()函数介绍
2013/02/10 Python
python学习之编写查询ip程序
2016/02/27 Python
Python生成8位随机字符串的方法分析
2017/12/05 Python
python机器人行走步数问题的解决
2018/01/29 Python
python实现12306抢票及自动邮件发送提醒付款功能
2018/03/08 Python
基于python3 OpenCV3实现静态图片人脸识别
2018/05/25 Python
Django压缩静态文件的实现方法详析
2018/08/26 Python
Python 从一个文件中调用另一个文件的类方法
2019/01/10 Python
Python字符串对象实现原理详解
2019/07/01 Python
python scipy卷积运算的实现方法
2019/09/16 Python
python压包的概念及实例详解
2021/02/17 Python
CSS3中的常用选择器使用示例整理
2016/06/13 HTML / CSS
使用canvas绘制贝塞尔曲线
2014/12/17 HTML / CSS
AmazeUI 评论列表的实现示例
2020/08/13 HTML / CSS
教师个人鉴定材料
2014/02/08 职场文书
财政局党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
2015年挂职锻炼工作总结
2014/12/12 职场文书
食品药品安全责任书
2015/05/11 职场文书
第一书记观后感
2015/06/08 职场文书