用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 相关文章推荐
jQuery 表单验证插件formValidation实现个性化错误提示
Jun 23 Javascript
通过Mootools 1.2来操纵HTML DOM元素
Sep 15 Javascript
查找iframe里元素的方法可传参
Sep 11 Javascript
查询json的数据结构的8种方式简介
Mar 10 Javascript
javascript ajax的5种状态介绍
Aug 18 Javascript
PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
Mar 30 Javascript
JavaScript面向对象程序设计教程
Mar 29 Javascript
基于JavaScript实现全选、不选和反选效果
Feb 15 Javascript
vue.js实现条件渲染的实例代码
Jun 22 Javascript
js实现鼠标拖拽多选功能示例
Aug 01 Javascript
Vue 中的compile操作方法
Feb 26 Javascript
Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
Jul 27 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 快速生成 Flash 动画的方法
2007/03/06 PHP
取得单条网站评论以数组形式进行输出
2014/07/28 PHP
PHP中使用imagick实现把PDF转成图片
2015/01/26 PHP
分享微信扫码支付开发遇到问题及解决方案-附Ecshop微信支付插件
2015/08/23 PHP
PHP面向对象编程之深入理解方法重载与方法覆盖(多态)
2015/12/24 PHP
PHP面向对象程序设计组合模式与装饰模式详解
2016/12/02 PHP
PHP编程实现微信企业向用户付款的方法示例
2017/07/26 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
网页中的图片的处理方法与代码
2009/11/26 Javascript
javascript表单验证 - Parsley.js使用和配置
2013/01/25 Javascript
JS将表单导出成EXCEL的实例代码
2013/11/11 Javascript
node.js实现逐行读取文件内容的代码
2014/06/27 Javascript
js+css绘制颜色动态变化的圈中圈效果
2016/01/27 Javascript
js中常用的Tab切换效果(推荐)
2016/08/30 Javascript
各式各样的导航条效果css3结合jquery代码实现
2016/09/17 Javascript
js无提示关闭浏览器窗口的两种方法分析
2016/11/06 Javascript
Omi v1.0.2发布正式支持传递javascript表达式
2017/03/21 Javascript
JavaScript登录记住密码操作(超简单代码)
2017/03/22 Javascript
Vue.js实现tab切换效果
2019/07/24 Javascript
Javascript实现鼠标点击冒泡特效
2019/12/24 Javascript
webpack 最佳配置指北(推荐)
2020/01/07 Javascript
Python中尝试多线程编程的一个简明例子
2015/04/07 Python
按日期打印Python的Tornado框架中的日志的方法
2015/05/02 Python
解决Shell执行python文件,传参空格引起的问题
2018/10/30 Python
python实现while循环打印星星的四种形状
2019/11/23 Python
Python类反射机制使用实例解析
2019/12/30 Python
Pytorch 多块GPU的使用详解
2019/12/31 Python
荷兰网上鞋店:Ziengs.nl
2017/01/02 全球购物
Pandora西班牙官方商店:PandoraShop.es
2020/10/05 全球购物
质检部职责
2013/12/28 职场文书
2015年生产部工作总结范文
2015/05/25 职场文书
主持人大赛开场白
2015/05/29 职场文书
矛盾论读书笔记
2015/06/29 职场文书
如何用python反转图片,视频
2021/04/24 Python
Selenium浏览器自动化如何上传文件
2022/04/06 Python
Python进程池与进程锁之语法学习
2022/04/11 Python