document.readyState describes the loading state of the document (MDN). When it changes, a readystatechange event fires on document.
Read the notes below before you get or set this property. Prefer feature detection when support is limited.
Use document.readyState. Start with this line.
document.readyState| Call | What it does |
|---|---|
document.readyState | Primary signature. |
Built into the browser. Read or assign document.readyState — no import required.
document.readyState| Parameter | Description |
|---|---|
| Writable? | Optional. Read-only |
| Related event | Optional. readystatechange when the value changes |
| Return Value | Description |
|---|---|
| * | "loading" | "interactive" | "complete" |
readyStateA script at the end of <body> often sees "interactive" or "complete".
console.log(document.readyState);
// "loading" | "interactive" | "complete""loading"."interactive"."complete".switch (MDN)MDN pattern: handle each readiness state differently.
switch (document.readyState) {
case "loading":
console.log("Still loading");
break;
case "interactive":
console.log("DOM ready");
break;
case "complete":
console.log("Fully loaded");
break;
}readyState.loading — parser still working (MDN).interactive — DOM accessible; sub-resources may continue (MDN).complete — page fully loaded (MDN).readystatechange Listener (MDN)MDN: use readystatechange as an alternative to DOMContentLoaded / load.
document.addEventListener("readystatechange", () => {
if (document.readyState === "interactive") {
console.log("like DOMContentLoaded");
}
if (document.readyState === "complete") {
console.log("like load");
}
});document for readystatechange (MDN).interactive — similar timing to DOMContentLoaded (MDN).complete — similar timing to the load event (MDN).Document.readyState is a core HTML Document property. MDN marks it Baseline Widely available (since July 2015).
loading | interactive | complete. Safe for everyday page-load timing.
Bottom line: Use freely in modern browsers. See the MDN readyState reference.
Continue with the Document referrer property.
14 people found this page helpful