用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的read函数与js的onload不同方式实现
Mar 18 Javascript
使用js正则控制input标签只允许输入的值
Jul 29 Javascript
JS自动倒计时30秒后按钮才可用(两种场景)
Aug 31 Javascript
JS延时器提示框的应用实例代码解析
Apr 27 Javascript
详解如何使用Vue2做服务端渲染
Mar 29 Javascript
iscroll动态加载数据完美解决方法
Jul 18 Javascript
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
Nov 14 jQuery
Vue 动态设置路由参数的案例分析
Apr 24 Javascript
layer弹出层父子页面事件相互调用方法
Aug 17 Javascript
Vue2.x中利用@font-size引入字体图标报错的解决方法
Sep 28 Javascript
jQuery判断自定义属性data-val用法示例
Jan 07 jQuery
JavaScript对象属性操作实例解析
Feb 04 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
打造计数器DIY三步曲(中)
2006/10/09 PHP
用PHP实现小写金额转换大写金额的代码(精确到分)
2012/01/10 PHP
php 伪静态之IIS篇
2014/06/02 PHP
PHP pear安装配置教程
2016/05/14 PHP
PHP开发的文字水印,缩略图,图片水印实现类与用法示例
2019/04/12 PHP
收集的10个免费的jQuery相册
2011/02/26 Javascript
浅析jQuery1.8的几个小变化
2013/12/10 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
2013/12/12 Javascript
SeaJS入门教程系列之使用SeaJS(二)
2014/03/03 Javascript
js 与 php 通过json数据进行通讯示例
2014/03/26 Javascript
JavaScript代码实现左右上下自动晃动自动移动
2016/04/08 Javascript
JS 实现Base64编码与解码实例详解
2016/11/07 Javascript
自己封装的一个简单的倒计时功能实例
2016/11/23 Javascript
bootstrap选项卡使用方法解析
2017/01/11 Javascript
JavaScript实现精美个性导航栏筋斗云效果
2017/10/29 Javascript
jQuery 防止相同的事件快速重复触发方法
2018/02/08 jQuery
vue主动刷新页面及列表数据删除后的刷新实例
2018/09/16 Javascript
在vue-cli中引入lodash.js并使用详解
2019/11/13 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
2020/05/14 Javascript
[02:42]决战东方!DOTA2亚洲邀请赛重启荣耀之争
2017/03/17 DOTA
python先序遍历二叉树问题
2017/11/10 Python
分析python切片原理和方法
2017/12/19 Python
Flask框架踩坑之ajax跨域请求实现
2019/02/22 Python
在pytorch中为Module和Tensor指定GPU的例子
2019/08/19 Python
python飞机大战 pygame游戏创建快速入门详解
2019/12/17 Python
Pycharm中import torch报错的快速解决方法
2020/03/05 Python
详解python 内存优化
2020/08/17 Python
浅谈Html5移动端ios/Android兼容性总结
2018/06/01 HTML / CSS
美国最大的农村生活方式零售店:Tractor Supply Company(TSC)
2017/05/15 全球购物
State Cashmere官网:半零售价可持续蒙古羊绒
2020/02/26 全球购物
党员干部承诺书范文
2014/03/25 职场文书
总经理岗位职责说明书
2014/07/30 职场文书
2015年父亲节寄语
2015/03/23 职场文书
民事纠纷协议书
2016/03/23 职场文书
Python中requests库的用法详解
2022/06/05 Python
css中有哪些方式可以隐藏页面元素及区别
2022/06/16 HTML / CSS