Я знаю, это дублированный вопрос, но я хочу быть уверенным. /> Вот мой сценарий: < /p>
"use strict";
addEventListener('load', function () {
/* Hide Preloader */
document.getElementById("loader-background").style.display = 'none';
document.getElementById("loader").style.display = 'none';
});
addEventListener('DOMContentLoaded', ()=> {
/* Navbar active state */
const activeLink = document.querySelector(".nav-link[href='" + window.location.pathname + "']");
if(activeLink) activeLink.classList.add("active");
/* Burger-Menu toggle nav */
const topNav = document.getElementById("myTopnav");
const burgerMenu = document.getElementById("burgerMenu");
burgerMenu.addEventListener("click", () => {
topNav.classList.toggle("responsive");
burgerMenu.classList.toggle("toggleMenu");
});
});
< /code>
Это также может помочь:
Разница между Domcontentload и загрузкой событий < /p>
Если я сделаю это правильно, load < /strong > ждать изображений и полностью загруженных страниц и domcontentloaded будет запускать до того, как страница будет загружена? Так что предваритель будет ждать и скрываться после того, как все будет сделано?>
Подробнее здесь: https://stackoverflow.com/questions/794 ... -preloader
