获取对象的当前状态

た入场券 2022-05-12 00:08 148阅读 0赞

**一 介绍**

在文档中获取某个对象的当前状态可以使用readyState属性来实现。

readyState属性是用来获取文档中某个对象的当前状态。

语法：

\[state=\]obj.readyState

obj：需要显示状态的对象，必选项。

state：字符串变量，用来获取当前对象的状态，状态值及说明如下表所示。

<table style="border-collapse:collapse;border:1px solid #bbbbbb;width:677px;"> 
 <tbody> 
  <tr> 
   <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:119px;" align="left">状 态 值</td> 
   <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:557px;" align="left">说 明</td> 
  </tr> 
  <tr> 
   <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:119px;" align="left">loading</td> 
   <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:557px;" align="left">表示该对象正在载入数据</td> 
  </tr> 
  <tr> 
   <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:119px;" align="left">loaded</td> 
   <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:557px;" align="left">表示该对象载入数据完毕</td> 
  </tr> 
  <tr> 
   <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:119px;" align="left">interactive</td> 
   <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:557px;" align="left">用户可以和该对象进行交互，不管该对象是否已加载完毕</td> 
  </tr> 
  <tr> 
   <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:119px;" align="left">complete</td> 
   <td style="border-collapse:collapse;border:1px solid #bbbbbb;width:557px;" align="left">该对象初始化完毕</td> 
  </tr> 
 </tbody> 
</table>

**二 应用**

获取对象的当前状态

本示例在页面中显示了文本框对象和document对象的当前状态。

**三 代码**

<body>
    <input name="t1" id="t2" type="text">
    <script language="javascript">
    	document.write("<br><b>文本框当前状态: </b>"+t2.readyState+"<br>");
    	document.write("<b>document对象的当前状态: </b>"+document.readyState);
    </script>
    </body>

**四 运行结果**

![7236ff80-3395-3cec-a8ab-28a3ec3b99e1.png][]

[7236ff80-3395-3cec-a8ab-28a3ec3b99e1.png]: /images/20220512/d55c02443ff346daaea167530497bf63.png