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

The Document.readyState property describes the loading state of the document.

When the value of this property changes, a readystatechange event fires on the document object.

Синтаксис

var string = document.readyState;

 

Значения

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

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

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

Примеры

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

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();
  }
}

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

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

Браузерная поддержка

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
readyStateChrome Полная поддержка 1Edge Полная поддержка 12Firefox Полная поддержка 4IE Полная поддержка 9
Замечания
Полная поддержка 9
Замечания
Замечания Internet Explorer 9 and 10 have bugs where the 'interactive' state can be fired too early before the document has finished parsing.
Полная поддержка 8
Замечания
Замечания Only supports 'complete'.
Opera Полная поддержка 11
Замечания
Полная поддержка 11
Замечания
Замечания Opera Presto fires 'complete' late after the 'load' event (in an incorrect order as per HTML5 standard specification).
Safari Полная поддержка 5WebView Android Полная поддержка ДаChrome Android Полная поддержка ДаFirefox Android Полная поддержка 4Opera Android Полная поддержка 11
Замечания
Полная поддержка 11
Замечания
Замечания Opera Presto fires 'complete' late after the 'load' event (in an incorrect order as per HTML5 standard specification).
Safari iOS Полная поддержка 5Samsung Internet Android ?

Легенда

Полная поддержка  
Полная поддержка
Совместимость неизвестна  
Совместимость неизвестна
Смотрите замечания реализации.
Смотрите замечания реализации.

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

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

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