У меня есть простой скрипт маршрутизации, который выполняет работу для моего спа -салона, однако, когда речь идет о реализации сценариев JS для каждой страницы, он не работает. Тем не менее, это не выполняет сценарии JS, как мы знаем, и если я сделаю сценарии JS выполнять, а затем перейти на другую страницу и обратно, он не работает, поскольку конкретные переменные уже выделяются памятью в виртуальном DOM, что приводит к ошибке. Как мне выполнить сценарии JS с моей простой маршрутизацией JS?const mainEl = document.getElementsByTagName("main")[0];
let loc =
window.location.search.replace("?loc=", "") !== ""
? window.location.search.replace("?loc=", "").split(".html")[0] + ".html"
: "home.html";
function route(routeLoc) {
if (routeLoc !== loc) {
history.pushState({}, "", "?loc=" + routeLoc);
render();
}
}
async function render() {
loc = window.location.search.replace("?loc=", "");
const response = await fetch(loc);
mainEl.innerHTML = await response.text();
}
window.pushstate = render;
window.onpopstate = render;
history.replaceState({}, "", "?loc=" + loc);
render();
Подробнее здесь: https://stackoverflow.com/questions/797 ... js-scripts
