用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 相关文章推荐
[原创]提供复制本站内容时出现,该文章转自脚本之家等字样的js代码
Mar 27 Javascript
借用Google的Javascript API Loader来加速你的网站
Jan 28 Javascript
关于javascript document.createDocumentFragment()
Apr 04 Javascript
js中将URL中的参数提取出来作为对象的实现代码
Aug 16 Javascript
jQuery操作select的实例代码
Jun 14 Javascript
javascript实现倒计时并弹窗提示特效
Jun 05 Javascript
属于你的jQuery提示框(Tip)插件
Jan 20 Javascript
Node.js中的cluster模块深入解读
Jun 11 Javascript
vue中v-show和v-if的异同及v-show用法
Jun 06 Javascript
Vue快速实现通用表单验证功能
Dec 05 Javascript
js判断鼠标移入移出方向的方法
Jun 24 Javascript
基于Vue+Webpack拆分路由文件实现管理
Nov 16 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
自制短波长线天线频率预选器 - 成功消除B2K之流的镜像
2021/03/02 无线电
PHP 身份验证方面的函数
2009/10/11 PHP
php unset全局变量运用问题的深入解析
2013/06/17 PHP
PHP用mb_string函数库处理与windows相关中文字符及Win环境下开启PHP Mb_String方法
2015/11/11 PHP
Laravel中批量赋值Mass-Assignment的真正含义详解
2017/09/29 PHP
ThinkPHP3.2框架自定义配置和加载用法示例
2018/06/14 PHP
JQuery 简便实现页面元素数据验证功能
2007/03/24 Javascript
xml 封装与解析(javascript和C#中)
2009/07/26 Javascript
新鲜出炉的js tips提示效果
2011/04/03 Javascript
JS连接SQL数据库与ACCESS数据库的方法实例
2013/11/21 Javascript
使用PHP+JavaScript将HTML页面转换为图片的实例分享
2016/04/18 Javascript
jquery radio的取值_radio的选中_radio的重置方法
2016/09/20 Javascript
jQuery监听文件上传实现进度条效果的方法
2016/10/16 Javascript
javascript跨域请求包装函数与用法示例
2016/11/03 Javascript
ES6入门教程之let和const命令详解
2017/05/17 Javascript
vue 使用Jade模板写html,stylus写css的方法
2018/02/23 Javascript
vue双向数据绑定知识点总结
2018/04/18 Javascript
使用淘宝镜像cnpm安装Vue.js的图文教程
2018/05/17 Javascript
深入浅析Vue中的Prop
2018/06/10 Javascript
Vue+Mock.js模拟登录和表格的增删改查功能
2018/07/26 Javascript
ng-events类似ionic中Events的angular全局事件
2018/09/05 Javascript
PYTHON正则表达式 re模块使用说明
2011/05/19 Python
利用Python绘制Jazz网络图的例子
2019/11/21 Python
从多个tfrecord文件中无限读取文件的例子
2020/02/17 Python
浅谈如何使用python抓取网页中的动态数据实现
2020/08/17 Python
美国球鞋寄卖网站:Stadium Goods
2018/05/09 全球购物
美国正宗设计师眼镜在线零售商:EYEZZ
2019/03/23 全球购物
怎样从/向数据文件读/写结构
2014/11/23 面试题
公益广告语集锦
2014/03/13 职场文书
春风行动实施方案
2014/03/28 职场文书
2014年安全生产目标责任书
2014/07/23 职场文书
优秀团员事迹材料1500字
2014/08/31 职场文书
机关作风建设自查报告及整改措施
2014/10/21 职场文书
云冈石窟导游词
2015/02/04 职场文书
详解Java实践之建造者模式
2021/06/18 Java/Android
Python中三种花式打印的示例详解
2022/03/19 Python