Document.readyState
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();
}
};
Especificaciones
Specification |
---|
HTML Standard # current-document-readiness |
Compatibilidad del Navegador
BCD tables only load in the browser
Ver también
- Evento
readystatechange
- Evento
DOMContentLoaded
- Evento
load