用 document.readyState == "complete" 判断页面是否加载完成

最新推荐文章于 2024-04-19 10:18:52 发布
最新推荐文章于 2024-04-19 10:18:52 发布
阅读量4.4k 收藏 1
点赞数
分类专栏： javascript 文章标签： javascript ajax xml function html

1/传回XML 文件资料的目前状况。 　
基本语法
intState ＝ xmlDocument.readyState;

2、说 明

这个属性是只读的，传回值有以下的可能：

0-UNINITIALIZED：XML 对象被产生，但没有任何文件被加载。
1-LOADING：加载程序进行中，但文件尚未开始解析。
2-LOADED：部分的文件已经加载且进行解析，但对象模型尚未生效。
3-INTERACTIVE：仅对已加载的部分文件有效，在此情况下，对象模型是有效但只读的。
4-COMPLETED：文件已完全加载，代表加载成功。

3、本方法是用来解决在当前页中判断该页是否已经加载完毕的问题，Ajax有相应的判断页面加载状态的方法，但是对于一些没有利用Ajax方式开发的程序，其判断状态的方法是不可用的，幸运的是，javascript提供了document.readyState=="complete"方法来解决当前页面加载判断的问题。

        举例如下：

  1.        <mce:script type="text/javascript"><!-- 
  2.    function initView(){ 
  3.   
  4.       if (document.readyState=="complete") 
  5.    { 
  6.       //此处可以填充具体的处理方法 
  7.       alert("The page is already Load!"); 
  8.    } 
  9.    } 
  10. // --></mce:script> 
  11. <html> 
  12. <head></head> 
  13.    <body οnlοad="initView();"> 
  14.      <!--具体内容省略-----> 
  15.    </bodu> 
  16. </html> 

 

大跃ET
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用js判断页面是否加载完成实现代码
10-27
用[removed]的方法来监听状态改变， 然后用document.readyState == “complete”判断是否加载完成,需要的朋友可以参考下
JS判断页面是否加载完成 readyState
fangzy0112的专栏
11-05 2301
用document.onreadystatechange的方法来监听状态改变， 然后用document.readyState == “complete”判断是否加载完成  代码如下：   document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法. function subSomething(){ if(docum
js中常用方法以及document.readyState 判断页面是否加载完成 complete和interactive
热门推荐
yansong_8686的专栏
05-16 1万+
传回XML 文件资料的目前状况。 　 基本语法 intState ＝ xmlDocument.readyState; 　 说 明 这个属性是只读的，传回值有以下的可能： 0-UNINITIALIZED：XML 对象被产生，但没有任何文件被加载。 1-LOADING：加载程序进行中，但文件尚未开始解析。 2-LOADED：部分的文件已经加载且进行解析，但对象模型尚未生效。 3-INTERACTIVE
页面加载过程中触发的事件
xiaoxiede_wo的博客
06-27 7009
readyState属性描述了文档的加载状态，在整个加载过程中 document.readyState会不断变化，每次变化都会触发readystatechange事件。 readyState的值变化： 1.loading（加载） 文档被加载时 2.loaded （加载完毕）文档数据加载完毕 3.interactive（交互）文档结束加载并且被解析，可以操作对象，但部分资源还没有加载完成；...
javascript原生判断DOM是否加载完毕执行方法
高先生的猫
06-28 2964
readyState document.readyState 返回当前文档的状态，属性如下： uninitialized 还未开始加载 loading 加载中 interactive 已加载，文档与用户可以开始交互 complete 加载完成 DOMContentLoaded 当 DOMContentLoaded事件触发时，仅当DOM加载完成，不包括样式表，图片，flash onload 当 onload 事件触发时，页面上所有的DOM，样式表，脚本，图片，flash都已经加载完..
document.readyState == "complete"
congyi.li的专栏
08-17 380
判断一个页面是否加载完成
用 document.readyState == "complete" 判断页面是否加载完成。
WALK ON
12-14 159
传回XML 文件资料的目前状况。 　 基本语法 intState ＝ xmlDocument.readyState; 　 说 明 这个属性是只读的，传回值有以下的可能： 0-UNINITIALIZED：XML 对象被产生，但没有任何文件被加载。 1-LOADING：加载程序进行中，但文件尚未开始解析。 2-LOADED：部分的文件已经加载且进行解析，但对象模型尚未生效。 ...
document.onreadystatechange |||| document.readyState == \"complete\"
IT技术宅-北方的刀郎
03-21 682
发送一个请求后，客户端无法确定什么时候会完成这个请求，所以需要用事件机制来捕获请求的状态，XMLHttpRequest对象提供了onreadyStateChange事件实现这一功能。这类似于回调函数的做法。onreadyStateChange事件可指定一个事件处理函数来处理XMLHttpRequest对象的执行结果，如：ajaxObj=createAjaxObject(); var url="/M
js下判断 iframe 是否加载完成的完美方法
12-02
采用的方法很类似： 代码如下: var iframe = document.createElement(“iframe”);... } else { iframe.onreadystatechange = function(){ if (iframe.readyState == “complete”){ alert(“Local if
img.readyState!= complete 权限问题 也是一个无用题
07-27
NULL 博文链接：https://wangjc-opal.iteye.com/blog/766043
判断iframe是否加载完成的完美方法
12-09
代码如下:var iframe = document.createElement(“iframe”);... if (!... } else { iframe.onreadystatechange = function(){ if (iframe.readyState == “complete”){ alert(“Local iframe is now
基于javascript原生判断DOM是否加载完毕
01-21
complete 加载完成 DOMContentLoaded 当 DOMContentLoaded事件触发时，仅当DOM加载完成，不包括样式表，图片，flash onload 当 onload 事件触发时，页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了 ...
判断页面是否加载完成~
kakaxiD的博客
10-25 970
document.onreadystatechange=function(){ if(document.readyState=="complete"){ $(".loading").fadeOut(); } }
一个document 的 Document.readyState 属性描述了文档的加载状态。
小米人的博客
09-26 558
当该属性值发生变化时，会在document 对象上触发readystatechange事件。 switch (document.readyState) { case "loading": // 表示文档还在加载中，即处于“正在加载”状态。 break; case "interactive": // 文档已经结束了“正在加载”状态，DOM元素可以被访问。 //...
纯JS监听document是否加载完成
WangMrII的博客
01-02 473
欢迎加入前端交流群交流知识&&获取视频资料：749539640 概述 一个document的Document.readyState属性描述了文档的加载状态。 一个文档的readyState可以是以下之一： loading /加载document仍在加载。interactive /互动(dom加载完成)文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的...
JEECG表格选中状态怎么去掉
最新发布
weixin_39031037的博客
04-19 155
官网代码（在取消选中状态的时候不生效）
使用 window.onload 和 document.readyState 来判断页面是否已经加载完毕，然后再使用 document.getElementsByTagName 获取页面中的所有图片、音频等元素，遍历判断每个元素的 complete 属性是否为 true
06-12
是的，你可以使用以下代码来实现： ```javascript window.onload = function() { if (document.readyState === 'complete') { var elements = document.getElementsByTagName('img'); for (var i = 0; i < elements.length; i++) { if (!elements[i].complete) { elements[i].onload = function() { // 图片加载完毕后的操作 } } else { // 图片已经加载完毕的操作 } } // 同样的方式可以判断音频等元素的加载情况 } } ``` 这段代码会在页面加载完毕后执行，然后遍历页面中的所有图片元素，判断每个元素的 `complete` 属性是否为 `true`。如果不是，则给该元素添加 `onload` 事件，在图片加载完毕后执行相应的操作。如果已经加载完毕，则直接执行相应的操作。对于音频等元素，可以使用类似的方法来判断。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值