Document.readyState

Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

Resumen

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

Valores

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.

Sintaxis

var string = document.readyState;

Ejemplos

Diferentes estados del 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;
}

readystatechange como alternativa al evento DOMContentLoaded

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

readystatechange como alternativa al evento load

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

Especificación

Especificación Estado Comentario
WHATWG HTML Living Standard
The definition of 'Document readiness' in that specification.
Living Standard  
HTML5.1
The definition of 'Document readiness' in that specification.
Working Draft  
HTML5
The definition of 'Document readiness' in that specification.
Recommendation Especificación inicial.

Ver también

Etiquetas y colaboradores del documento

 Colaboradores en esta página: Codejobs
 Última actualización por: Codejobs,