Методы определения того, когда содержимое веб-страницы полностью загружено JavaScript

Фраза «содержимое страницы полностью загружено с помощью JavaScript», по всей видимости, представляет собой запрос на методы определения момента завершения загрузки содержимого веб-страницы при использовании JavaScript. Существует несколько подходов к достижению этой цели. Вот некоторые часто используемые методы:

  1. Событие Window.onload: вы можете использовать событие window.onload, которое срабатывает, когда вся страница, включая ее содержимое и зависимые ресурсы, такие как изображения и таблицы стилей, завершила загрузку.

Пример:

window.onload = function() {
  // Your code here
};
  1. Свойство Document.readyState: свойство document.readyStateуказывает статус загрузки документа. Вы можете проверить, является ли значение «завершенным», чтобы определить, завершилась ли загрузка страницы.

Пример:

document.addEventListener("readystatechange", function() {
  if (document.readyState === "complete") {
    // Your code here
  }
});
  1. Событие DOMContentLoaded: Событие DOMContentLoadedвызывается, когда исходный HTML-документ полностью загружен и проанализирован, без ожидания зависимых ресурсов, таких как изображения и таблицы стилей.

Пример:

document.addEventListener("DOMContentLoaded", function() {
  // Your code here
});
  1. Метод jQuery.ready(). Если вы используете jQuery, вы можете использовать метод $(document).ready(), который выполняет функцию при полной загрузке DOM.

Пример:

$(document).ready(function() {
  // Your code here
});

Это некоторые из наиболее часто используемых методов определения завершения загрузки содержимого веб-страницы с помощью JavaScript.