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

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

  1. Использование события window.onload:

    window.onload = function() {
     // Code to be executed after the page loads
    };

    Этот метод ожидает загрузки всех ресурсов страницы (изображений, таблиц стилей и т. д.) перед выполнением кода.

  2. Использование события DOMContentLoaded:

    document.addEventListener("DOMContentLoaded", function() {
     // Code to be executed after the DOM content loads
    });

    Этот метод срабатывает сразу после построения иерархии DOM, не дожидаясь внешних ресурсов.

  3. Использование функции Ready() jQuery:
    Если вы используете библиотеку jQuery, вы можете использовать функцию Ready() для выполнения кода после загрузки страницы:

    $(document).ready(function() {
     // Code to be executed after the page loads
    });
  4. Использование атрибута defer:
    добавив атрибут defer в тег скрипта, вы можете заставить браузер выполнить скрипт после завершения анализа HTML, непосредственно перед событием DOMContentLoaded:

    <script src="your-script.js" defer></script>
  5. Использование атрибута async:
    Подобно атрибуту defer, вы можете использовать атрибут async для асинхронной загрузки и выполнения сценария, не блокируя анализ HTML:

    <script src="your-script.js" async></script>

Это некоторые из распространенных методов выполнения кода после загрузки страницы в JavaScript.