У меня есть блок кода для навигационной панели на локальном сайте без веб-сервера, который я хочу разместить на многих страницах.Я хотел бы иметь отдельный файл с HTML-кодом для панели навигации, на который ссылаются все страницы.Таким образом, всякий раз, когда необходимо выполнить обновление панели навигации, это нужно сделать только один раз.
Я использую этот шаблон начальной загрузки: https://bootstrapmade.com/demo/Regna/
Несколько лет назад, используя другойТип системы Navbar, я смог достичь этого с помощью Javascript.Я только что сослался на файл, где я хотел навигационную панель, вот так:
<script type="text/javascript" src="js/menu3.js"></script>
И menu3.js был примерно такой:
document.write("<div style='float: left' id='my_menu' class='sdmenu'>");
document.write("<div id='section1' class='collapsed'>");
document.write("<span class='menuheader'>SECTION 1</span>");
document.write("<a href='page1.html#anchor1'>Option 1</a>");
document.write("<a href='page1.html#anchor2'>Option 2</a>");
document.write("<a href='page1.html#anchor3'>Option 3</a>");
document.write("</div>");
document.write("<div id='section1' class='collapsed'>");
document.write("<span class='menuheader'>SECTION 2</span>");
document.write("<a href='page2.html#anchor1'>Option 1</a>");
document.write("<a href='page2.html#anchor2'>Option 2</a>");
document.write("<a href='page2.html#anchor3'>Option 3</a>");
document.write("</div>");
Это на самом деле хорошо работало.Сейчас я работаю с другой настройкой навигационной панели, и эта техника не работает.На странице ничего не отображается.Поскольку это локальный сайт, я не могу использовать PHP, SSI или что-либо еще, с чем я знаком.
Что я могу сделать, чтобы получить код из внешнего файла на локальном сайте?