document.readyStateは、ドキュメントの読み込み状況を示す文字列を返すプロパティ。
構文
$readyState = document.readyState;
戻り値
ドキュメントの読み込み状況を示す下記の文字列。
- uninitialized：読み込み開始前
- loading：読み込み中
- interactive：読み込み中、及び、操作可能
- complete：読み込み完了
サンプル
- document.readyState：
- document.readyState：
サンプルの動作について
１つ目のリスト項目の「document.readyState：」の右横には、「loading」と表示する。IE10は「interactive」と表示する。
２つ目のリスト項目の「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>
<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.getElementById( "sample1" ).innerHTML = document.readyState;
window.onload = function () {
document.getElementById( "sample2" ).innerHTML = document.readyState;
}
</script>