Альтернативные методы $(document).ready без jQuery: подробное руководство

без использования jQuery. Вот несколько методов, которые вы можете использовать:

Метод 1: стандартный JavaScript с прослушивателем событий DOMContentLoaded

document.addEventListener('DOMContentLoaded', function() {
  // Your code here
});

Метод 2: стандартный JavaScript с window.onload

window.onload = function() {
  // Your code here
};

Метод 3: стандартный JavaScript с использованием атрибута deferв теге скрипта

<script defer src="your_script.js"></script>

Метод 4: стандартный JavaScript с requestAnimationFrame

function ready(callback) {
  if (document.readyState === 'complete' || document.readyState === 'interactive') {
    callback();
  } else {
    document.addEventListener('DOMContentLoaded', callback);
  }
}
ready(function() {
  // Your code here
});

Метод 5. Ванильный JavaScript с самовызываемой анонимной функцией

(function() {
  // Your code here
})();