В последнее время я переделывал свой веб-сайт, и хотя у меня есть работающая система меню, которая позволяет мне вносить изменения на всех страницах, просто меняя файл .js, если я когда-нибудь захочу использовать разные цвета меню, мне придется создать свой собственный .js для нужных мне цветов (например: Menugreen.js, Menupink.js и т. д.), и мне было интересно, есть ли какой-нибудь способ сделать это вместо нескольких файлов .js, я мог бы просто автоматизировать все с помощью javascript и просто автоматически изменять его в зависимости от страницы, если был найден определенный тег или идентификатор.
Что-то вроде того, что если идентификатор «bluemenu» обнаружен в HTML (), он меняет элемент фонового изображения для панелей навигации.
Вот что у меня есть в моем файле Menugreen.js
Код: Выделить всё
let MenuContent = `
[img]./images/menus/navigationbargreen.png[/img]
[img]./images/menus/homebuttonfaded.png[/img]
[img]./images/menus/homebutton.png[/img]
[img]./images/menus/homebuttonslide.png[/img]
[img]./images/menus/menuhandlebargreen.png[/img]
`;
Пример, как выглядят меню на самом сайте
А можно ли этого добиться без JQuery?
Подробнее здесь:
https://stackoverflow.com/questions/798 ... -html-file
Мобильная версия