↑

DOM

：

ドキュメント オブジェクト モデル

：

Document.readyState プロパティ

　編集：2022.08.31 by T.A.

→●、mdn

Document の読み込み状態を示します。

このプロパティの値が変化するとき、readystatechange（en-US） イベントが document オブジェクト上で発生します。

構文
Document.readyState
Document Document。
値

次のうちの一つになります。

loading この文書はまだ読み込み中です。
interactive この文書は読み込みが終わり、解析が済みましたが、画像、スタイルシート、フレームなどの副リソースはまだ読み込み中です。
complete この文書とすべての副リソースの読み込みが終わっています。この状態は load イベントがもうすぐ発火することを示します。
例
準備のさまざまな状態： 
switch (document.readyState) {
  case "loading":
    // この文書はまだ読み込み中。
    break;
  case "interactive":
    // この文書は読み込みが終了した。DOM 要素にアクセスできるようになった。
    // しかし、画像、スタイルシート、フレームなどの副リソースはまだ読み込み中。
    var span = document.createElement("span");
    span.textContent = "A <span> element.";
    document.body.appendChild(span);
    break;
  case "complete":
    // ページが完全に読み込み完了。
    console.log("最初の CSS 規則: " + document.styleSheets[0].cssRules[0].cssText);
    break;
}

¶省く

テスト
HTML：


ここにHTMLが表示される
⯈スクリプト組み込み：
JavaScript：


JavaScript：



表示内容：
表示内容：