document.readyStateプロパティ

document.readyStateは、ドキュメントの読み込み状況を示す文字列を返すプロパティ。

構文

$readyState = document.readyState;

戻り値

ドキュメントの読み込み状況を示す下記の文字列。

  1. uninitialized:読み込み開始前
  2. loading:読み込み中
  3. interactive:読み込み中、及び、操作可能
  4. complete:読み込み完了

サンプル

  1. document.readyState:
  2. document.readyState:

サンプルの動作について

1つ目のリスト項目の「document.readyState:」の右横には、「loading」と表示する。IE10は「interactive」と表示する。

2つ目のリスト項目の「document.readyState:」の右横には、「complete」と表示する。

サンプルのソースコード

HTML

<ol style="margin: 1em;">
    <li>document.readyState:<span id="sample1"></span></li>
    <li>document.readyState:<span id="sample2"></span></li>
</ol>

JavaScript

<script type="text/javascript">
document.getElementById( "sample1" ).innerHTML = document.readyState;
window.onload = function () {
    document.getElementById( "sample2" ).innerHTML = document.readyState;
}
</script>

スポンサード リンク

カテゴリー: Documentオブジェクト, DOM, JavaScript, プロパティ, リファレンス パーマリンク