Эквивалентом функции jQuery $(document).ready()в чистом JavaScript является событие DOMContentLoaded. Вот пример того, как можно добиться той же функциональности:
document.addEventListener('DOMContentLoaded', function() {
// Your code here
});
Это событие срабатывает, когда HTML-документ полностью загружен и проанализирован, аналогично тому, как $(document).ready()срабатывает, когда DOM готов в jQuery.
В дополнение к событию DOMContentLoadedвы также можете использовать событие window.onload. Однако важно отметить, что window.onloadожидает загрузки всех ресурсов страницы (включая изображения и таблицы стилей), а DOMContentLoadedсрабатывает, как только DOM будет готов., что может произойти до загрузки всех внешних ресурсов.
Вот пример использования window.onload:
window.onload = function() {
// Your code here
};
Оба подхода позволяют выполнять код JavaScript, когда DOM готов, обеспечивая функциональность, аналогичную $(document).ready()в jQuery.