Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

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,