用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一组验证函数
Dec 20 Javascript
JavaScript prototype对象的属性说明
Mar 13 Javascript
jquery trim() 功能源代码
Feb 14 Javascript
通过JS动态创建一个html DOM元素并显示
Oct 15 Javascript
深入理解JavaScript编程中的同步与异步机制
Jun 24 Javascript
javascript图片滑动效果实现
Jan 28 Javascript
bootstrap中添加额外的图标实例代码
Feb 15 Javascript
JavaScript实现二叉树的先序、中序及后序遍历方法详解
Oct 26 Javascript
微信小程序商品详情页的底部弹出框效果
Nov 16 Javascript
JavaScript实用代码小技巧
Aug 23 Javascript
Jquery的Ajax技术使用方法
Jan 21 jQuery
Vue项目中配置pug解析支持
May 10 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
php出现Cannot modify header information问题的解决方法大全
2008/04/09 PHP
PHP提示Notice: Undefined variable的解决办法
2012/11/24 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
WordPress免插件实现面包屑导航的示例代码
2020/08/20 PHP
JavaScript Base64编码和解码,实现URL参数传递。
2006/09/18 Javascript
一段批量给页面上的控件赋值js
2010/06/19 Javascript
JavaScript 原型继承
2011/12/26 Javascript
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
2012/08/24 Javascript
checkbox使用示例
2013/08/23 Javascript
JavaScript判断密码强度(自写代码)
2013/09/06 Javascript
jQuery选择器全面总结
2014/01/06 Javascript
jQuery实现鼠标滑过Div层背景变颜色的方法
2015/02/17 Javascript
JS判断是否长按某一键的方法
2016/03/02 Javascript
vue学习笔记之指令v-text && v-html && v-bind详解
2017/05/12 Javascript
Angular.JS中select下拉框设置value的方法
2017/06/20 Javascript
AngularJS 最常用的八种功能(基础知识)
2017/06/26 Javascript
vue实现移动端悬浮窗效果
2018/12/01 Javascript
微信小程序实现富文本图片宽度自适应的方法
2019/01/20 Javascript
详解axios中封装使用、拦截特定请求、判断所有请求加载完毕)
2019/04/09 Javascript
python 实现堆排序算法代码
2012/06/05 Python
python创建和使用字典实例详解
2013/11/01 Python
python自动安装pip
2014/04/24 Python
Python使用zip合并相邻列表项的方法示例
2018/03/17 Python
浅谈python配置与使用OpenCV踩的一些坑
2018/04/02 Python
python程序控制NAO机器人行走
2019/04/29 Python
对python 中re.sub,replace(),strip()的区别详解
2019/07/22 Python
Python解析json时提示“string indices must be integers”问题解决方法
2019/07/31 Python
pytorch下大型数据集(大型图片)的导入方式
2020/01/08 Python
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
十岁生日父母答谢词
2014/01/18 职场文书
农村结婚典礼司仪主持词
2014/03/14 职场文书
培训简讯范文
2015/07/20 职场文书
2016年小学生清明节广播稿
2015/12/17 职场文书
六年级作文之家庭作文
2019/12/12 职场文书
用Python创建简易网站图文教程
2021/06/11 Python
Hive日期格式转换方法总结
2022/06/25 数据库