Document.readyState

Die Eigenschaft Document.readyState eines document-Objektes beschreibt dessen Ladezustand.

Die Eigenschaft readyState kann folgende Werte haben:

loading

Das Dokument wird noch geladen.

interactive

Das Dokument selbst wurde vollständig eingelesen und verarbeitet, aber das Laden weiterer Bestandteile wie Bilder, Stylesheets und Frames ist noch nicht abgeschlossen.
Dieser Status zeigt an, dass das Ereignis DOMContentLoaded ausgelöst wurde.

complete

Das Dokument und seine Bestandteile wurden geladen.
Dieser Status zeigt an, dass das Ereignis load ausgelöst wurde.

Ändert sich der Wert dieser Eigenschaft, wird das Ereignis readystatechange des zugehörigen document-Objekts augelöst.

var string = document.readyState;

switch (document.readyState) {
  case "loading":
    // Das Dokument wird noch geladen.
    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;
}

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

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

• readystatechange
• DOMContentLoaded
• load