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 |
---|---|---|
HTML Living Standard La definición de 'Document readiness' en esta especificación. |
Living Standard | |
HTML 5.1 La definición de 'Document readiness' en esta especificación. |
Recommendation | |
HTML5 La definición de 'Document readiness' en esta especificación. |
Recommendation | Especificación inicial. |
Ver también
- Evento
readystatechange
- Evento
DOMContentLoaded
- Evento
load