JavaScript/DOM/Document/readyState

Die Eigenschaft readyState des dokument-Objekts meldet den Ladestatus des Dokuments zurück. Im Unterschied zur ähnlichen readyState Eigenschaft von XMLHttpRequest nimmt diese Eigenschaft einen String-Wert an:

Syntax

let string = document.readyState;

• string: Zeichenkette mit folgenden möglichen Werten:
  • uninitialized: Ladevorgang hat noch nicht begonnen (nur IE)
  • loading: Ladevorgang begonnen aber noch nicht abgeschlossen
  • loaded: Ladevorgang abgeschlossen (nur IE)
  • interactive: Die Bearbeitung ist noch nicht komplett, z. B. können noch Bilder fehlen, aber der Benutzer bekommt schon eine Seite angezeigt
  • complete: Bearbeitung abgeschlossen

Anwendungsbeispiel

Sie können die readystate-Eigenschaft als Ersatz zum DOMContentLoaded-Event verwenden:

Alternative zum DOMContentLoaded-Event

document.onreadystatechange = function () {
  if (document.readyState == "interactive") {
    initApplication();
  }
}

Alternative zum Load-Event

document.onreadystatechange = function () {
  if (document.readyState == "complete") {
    initApplication();
  }
}

Weblinks

• WHATWG: Living astandard: current document readiness
• W3C: HTML5 current document readiness
• MDN: Document.readyState