умал, что было бы удобно иметь повторно используемый код, особенно для панели навигации, потому что он будет одинаковым на всех моих страницах. Таким образом, мне не нужно будет просматривать каждую страницу и вручную редактировать каждую страницу отдельно, когда произойдет изменение.

Кажется возможным использовать iframes, но я попробовал это, и весь дизайн страницы вышел из строя. Я могу это исправить, но мне интересно, есть ли что-то подобное.

Было бы здорово, если бы что-то подобное могло сработать:

var navbar = document.getElementById ('navbar');
navbar.innerHtml = url ('navigation.txt');

В настоящее время я работаю в автономном режиме на своем сайте, поэтому я не думаю, что могу делать запросы xmlhttp. Верный? По крайней мере, мне все еще нужно заставить работать любой пример ajax. Это неудачно, потому что я думаю, что я мог бы легко использовать это для моего приложения.

Вот моя разметка navbar. Это не очень сложно, поэтому у меня есть ощущение, что я просто отредактирую его вручную.

<nav>
    <ul id="navbar">
        <li><a href="biosketch.html">Biosketch</a></li>
        <li><a href="projects.html">Class Projects</a>
            <ul>
                <li><a href="projects.html#SeniorProject">Senior Project</a></li>
                <li><a href="projects.html#WindTurbine">Wind Turbine</a></li>
            </ul>
        </li>
        <li><a href="#">Resume</a></li>
        <li><a href="#">Work Experience</a></li>
        <li><a href="#">Contact Me</a></li>
    </ul>
</nav>