用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 23 Javascript
微信小程序 Canvas增强组件实例详解及源码分享
Jan 04 Javascript
微信小程序 常用工具类详解及实例
Feb 15 Javascript
AngularJS实用基础知识_入门必备篇(推荐)
Jul 10 Javascript
浅谈在Vue-cli里基于axios封装复用请求
Nov 06 Javascript
Vue官方文档梳理之全局配置
Nov 22 Javascript
js正则相关知识点专题
May 10 Javascript
WebPack配置vue多页面的技巧
May 15 Javascript
页面点击小红心js实现代码
May 26 Javascript
简单了解JavaScript异步
May 23 Javascript
vue源码nextTick使用及原理解析
Aug 13 Javascript
js轮播图之旋转木马效果
Oct 13 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实现rc4加密算法代码
2012/04/25 PHP
php获取文件夹路径内的图片以及分页显示示例
2014/03/11 PHP
PHP中使用Memache作为进程锁的操作类分享
2015/03/30 PHP
PHP实现RSA签名生成订单功能【支付宝示例】
2017/06/06 PHP
PHP开发之用微信远程遥控服务器
2018/01/25 PHP
在Laravel 中实现是否关注的示例
2019/10/22 PHP
PHP实现文件上传后台处理脚本
2020/03/04 PHP
js实现的点击数量加一可操作数据库
2014/05/09 Javascript
JavaScript forEach()遍历函数使用及介绍
2015/07/08 Javascript
超赞的jQuery图片滑块动画特效代码汇总
2016/01/25 Javascript
js两种拼接字符串的简单方法(必看)
2016/09/02 Javascript
jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
2016/09/08 Javascript
JS实现类似百叶窗下拉菜单效果
2016/12/30 Javascript
Vue学习笔记进阶篇之单元素过度
2017/07/19 Javascript
bootstrap select2插件用ajax来获取和显示数据的实例
2018/08/09 Javascript
JS实现的input选择图片本地预览功能示例
2018/08/29 Javascript
vue中设置、获取、删除cookie的方法
2018/09/21 Javascript
使用Javascript简单计算器
2018/11/17 Javascript
python用于url解码和中文解析的小脚本(python url decoder)
2013/08/11 Python
在Python中处理字符串之ljust()方法的使用简介
2015/05/19 Python
在Python中操作字典之update()方法的使用
2015/05/22 Python
利用Python生成文件md5校验值函数的方法
2017/01/10 Python
python+selenium开发环境搭建图文教程
2017/08/11 Python
python自动查询12306余票并发送邮箱提醒脚本
2018/05/21 Python
浅谈python之高阶函数和匿名函数
2019/03/21 Python
django-filter和普通查询的例子
2019/08/12 Python
基于keras 模型、结构、权重保存的实现
2020/01/24 Python
从多个tfrecord文件中无限读取文件的例子
2020/02/17 Python
英国最大的天然和有机产品在线零售商之一:Big Green Smile
2020/05/06 全球购物
存储过程和sql语句的优缺点
2014/07/02 面试题
学期研究性学习个人的自我评价
2014/01/09 职场文书
护理专业优质毕业生自荐书
2014/01/31 职场文书
医院学雷锋活动策划方案
2014/02/15 职场文书
师范学院毕业生求职信
2014/06/24 职场文书
教师党员整改措施
2014/10/24 职场文书
如何用JavaScript学习算法复杂度
2021/04/30 Javascript