Document.readyState

Zusammenfassung

Das Document.readyState property eines Dokuments beschreibt dessen Ladezustand.

Werte

Der readyState eines Dokuments kann folgende Werte haben:

loading

Das Dokument lädt noch.

interactive

Das Dokument wurde geladen und geparsed, aber Subressourcen wie Bilder, Stylesheets und Frames laden noch. Dieser Status zeigt an, dass das DOMContentLoaded Event abgefeuert wurde.

complete

Das Dokument und alle Subressourcen wurden geladen. Dieser Status zeigt an, dass das load Event abgefeuert wurde.

Wenn sich der Wert dieses Properties ändert, wird das readystatechange Event am document Objekt abgefeuert.

Syntax

var string = document.readyState;

Beispiele

Verschiedene readiness Status

switch (document.readyState) {
  case "loading":
    // Das Dokument lädt noch.
    break;
  case "interactive":
    // Das Dokument wurde geladen. Wir können nun die DOM Elemente ansprechen.
    var span = document.createElement("span");
    span.textContent = "A <span> element.";
    document.body.appendChild(span);
    break;
  case "complete":
    // Die Seite ist komplett geladen.
    console.log("The first CSS rule is: " + document.styleSheets[0].cssRules[0].cssText);
    break;
}

readystatechange als eine Alternative zum DOMContentLoaded Event

// Alternative zum DOMContentLoaded event
document.onreadystatechange = function () {
  if (document.readyState == "interactive") {
    initApplication();
  }
}

readystatechange als eine Alternative zum load Event

// Alternative zum load event
document.onreadystatechange = function () {
  if (document.readyState == "complete") {
    initApplication();
  }
}

Spezifikation

Siehe auch

• readystatechange event
• DOMContentLoaded event
• load event