MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/8d22564490d8

Document.readyState

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Описание

Свойство Document.readyState объекта document описывает состояние загрузки страницы.

Значения

Свойство readyState объекта document может иметь одно из следующих значений:

loading
Страница все еще загружается.
interactive
Страница уже загружена и DOM дерево построено, но дополнительные ресурсы, такие как изображения и iframe, все еще загружаются. Это состояние указывает, что событие DOMContentLoaded уже вызвано.
complete
Страница и все дополнительные ресурсы уже загружены. Это состояние указывает, что событие load уже вызвано.

При изменении значения, данного свойства, вызывается событие readystatechange на объекте document.

Синтаксис

var string = document.readyState;

Примеры

Разные состояния загрузки страницы

switch (document.readyState) {
  case "loading":
    // Страница все еще загружается
    break;
  case "interactive":
    // Страница уже загружена. Теперь мы можем получить доступ к DOM объектам.
    var span = document.createElement("span");
    span.textContent = "A <span> element.";
    document.body.appendChild(span);
    break;
  case "complete":
    // Страница загружена вместе с дополнительными ресурсами.
    console.log("The first CSS rule is: " + document.styleSheets[0].cssRules[0].cssText);
    break;
}

readystatechange как альтернатива событию DOMContentLoaded

// альтернатива событию DOMContentLoaded
document.onreadystatechange = function () {
  if (document.readyState == "interactive") {
    initApplication();
  }
}

readystatechange как альтернатива событию load

// альтернатива событию load
document.onreadystatechange = function () {
  if (document.readyState == "complete") {
    initApplication();
  }
}

Спецификации

Спецификация Состояние Комментарии
WHATWG HTML Living Standard
Определение 'Document readiness' в этой спецификации.
Живой стандарт  
HTML5.1
Определение 'Document readiness' в этой спецификации.
Рабочий черновик  
HTML5
Определение 'Document readiness' в этой спецификации.
Рекомендация Первичная спецификация.

Смотрите также

Метки документа и участники

 Внесли вклад в эту страницу: termosa
 Обновлялась последний раз: termosa,