Методы проверки загрузки страницы в JavaScript

Чтобы проверить, загружена страница или нет в JavaScript, вы можете использовать различные методы. Вот несколько часто используемых подходов:

  1. Использование события DOMContentLoaded: это событие вызывается, когда исходный HTML-документ полностью загружен и проанализирован, не дожидаясь завершения загрузки таблиц стилей, изображений и подкадров. Вы можете использовать его, чтобы определить, загрузилась ли страница. Вот пример:
document.addEventListener("DOMContentLoaded", function() {
  // Page has finished loading
});
  1. Использование события load: это событие вызывается, когда все ресурсы (включая изображения, таблицы стилей и сценарии) завершили загрузку. Это означает, что страница полностью загружена. Вот пример:
window.addEventListener("load", function() {
  // Page has finished loading
});
  1. Проверка свойства document.readyState: это свойство указывает статус загрузки текущего документа. Когда для него установлено значение "complete", это означает, что страница завершила загрузку. Вот пример:
if (document.readyState === "complete") {
  // Page has finished loading
}
  1. Проверка наличия определенных элементов. Вы также можете проверить, были ли загружены определенные элементы на странице. Например, если у вас есть элемент с id«myElement», вы можете проверить его существование, чтобы определить, загрузилась ли страница:
if (document.getElementById("myElement")) {
  // Page has finished loading
}

Это некоторые из распространенных методов проверки загрузки страницы в JavaScript. Вы можете выбрать тот, который соответствует вашим конкретным требованиям.