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

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

  1. window.onload: этот метод срабатывает, когда вся страница, включая все ее ресурсы (изображения, таблицы стилей и т. д.), завершила загрузку.
window.onload = function() {
  // Code to be executed after the page has loaded
};
  1. Событие DOMContentLoaded: это событие вызывается, когда исходный HTML-документ полностью загружен и проанализирован, без ожидания завершения загрузки таблиц стилей, изображений и подкадров.
document.addEventListener("DOMContentLoaded", function() {
  // Code to be executed after the DOM has loaded
});
  1. $(document).ready() из jQuery: если вы используете библиотеку jQuery, вы можете использовать этот метод для выполнения кода, когда DOM будет готов.
$(document).ready(function() {
  // Code to be executed after the DOM has loaded
});
  1. Использование атрибута defer: добавив атрибут deferв тег скрипта, вы можете гарантировать, что скрипт будет выполнен после загрузки HTML-документа.
<script src="script.js" defer></script>

Эти методы позволяют выполнять такие действия, как управление DOM, привязка прослушивателей событий, выполнение запросов AJAX и многое другое после завершения загрузки страницы.