zoukankan      html  css  js  c++  java
  • HTML readyState 属性 iframe onreadystatechange事件

    -----------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>
  • 相关阅读:
    EXCEL每次打开文件都会出现一个空白sheet1窗口
    Python基础知识之面向对象编程
    Python基础知识之模块详解
    Python基础知识之正则表达式re模块
    Python基础知识之xml模块
    Python基础知识之json&pickle模块
    Python基础知识之装饰器
    VUE-02
    VUE
    虚拟环境的搭建
  • 原文地址:https://www.cnblogs.com/BinBinGo/p/5621905.html
Copyright © 2011-2022 走看看