Document.readyState

La propiedad Document.readyState de un document describe el estado de carga del documento.

El readyState de un documento puede tener uno de los siguientes valores:

loading

El document todavía esta cargando.

interactive

El documento ha terminado de cargar y ha sido analizado pero  los sub-recursos como imágenes, estilos y frames aún siguen cargando. El estado indica que el evento DOMContentLoaded ha sido disparado.

complete

El documento y todos los sub-recursos han cargado completamente. El estado indica que el evento load ha sido disparado.

Cuando el valor de esta propiedad cambia, un evento readystatechange se dispara en el objecto document.

var string = document.readyState;

switch (document.readyState) {
  case "loading":
    // The document is still loading.
    break;
  case "interactive":
    // The document has finished loading. We can now access the DOM elements.
    var span = document.createElement("span");
    span.textContent = "A <span> element.";
    document.body.appendChild(span);
    break;
  case "complete":
    // The page is fully loaded.
    console.log("The first CSS rule is: " + document.styleSheets[0].cssRules[0].cssText);
    break;
}

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

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

• Evento readystatechange
• Evento DOMContentLoaded
• Evento load