导航

HTML readyState 属性 iframe onreadystatechange事件

Posted on 2016-06-27 23:23  yiyishuitian  阅读(5500)  评论(0编辑  收藏  举报

-----------readyState---------------

定义和用法

readyState 属性返回当前文档的状态(载入中……)。

该属性返回以下值:

  • uninitialized - 还未开始载入
  • loading - 载入中
  • interactive - 已加载,文档与用户可以开始交互
  • complete - 载入完成

语法

document.readyState
 
 
 

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

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

 
 

-----------onreadystatechange---------------

 
首先: 
iframe   onreadystatechange的事件只用于ie5.5以上版本   
frame不支持onreadystatechange的事件   

对于iframe 
<iframe   name="ifm_Test"   src="http://www.google.cn"   onreadystatechange="fnStartInit()"></iframe> 

或者在js里面写: 
<iframe   name="ifm_Test"></iframe> 
<script   language="javascript">   
  function   loadFile() 
  {   
      document.frames("ifm_Test").location.href="http://www.google.cn";   
      document.frames("ifm_Test").onreadystatechange=fnStartInit();   
  }   
  function   fnStartInit()   
  {   
        if   (document.frames("ifm_Test").readyState=="complete")   
        {   
              alert("框架文件加载完毕!");   
        }   
  }   

对于frame: 
  <frameset cols="*,*"> 
    <frame   name="ifm_Test" src="http://www.google.cn" /> 
    <frame   name="ifm_Test1" src="http://www.baidu.cn" /> 
  </frameset>  

只能在js里面写: 
  <script   language="javascript">   
  document.onreadystatechange = ready; 
  function ready() 
  { 
    if(document.readyState == "complete") 
    { 
        alert("框架文件加载完毕!");   
    } 
  } 
  </script>