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