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