相关疑难解决方法(0)

我的网站有一个导航栏:

    <div id='menu'><ul>
    <li><a href='index.html'>Home</a></li>
    <li><a href='about.html'>About Us</a></li>
    <li><a href='http://www.brownpapertickets.com' target=_blank>Ticket Sales</a></li>
    <li><a href='merch.html'>Merchandise</a>
        <ul>
            <li><a href='merch.html'>Products</a></li>
            <li><a href='cart.html'>Shopping Cart</a></li>
        </ul>
    </li>
    <li><a href='past.html'>Past Shows</a>
        <ul>
            <li><a href='photos.html'>Photo Gallery</a></li>
            <li><a href='vids.html'>Video Clips</a></li>
        </ul>
    </li>
</ul></div>

我想将它存储在一个中心位置,这样每次我都要添加一个超链接或者我不需要编辑每个文件的东西.最好的方法是什么？

我有一个静态 HTML 网站。我想将导航（顶部）菜单存储在外部文件中，因此当我更改菜单时，我想查看所有页面中的更改。
我真的真的需要能够在本地查看网页（普通 Windows 用户无需安装其他软件：Apache、PHP、Wamp、特定浏览器等）。

有两个类似的 StackOverflow 问题使用 PHP、SSI和 ... 框架部分解决了这个问题。没有一个解决方案对我有好处：

• 框架显然不在讨论范围内（从 SEO POV 来看很糟糕，在 HTML5 中也已过时）。
• PHP 和 SSI 仅在站点上传到服务器后才能工作，因此在本地无法工作。

我看到的解决方案是将所有菜单放在一个外部 JS 文件中。但是，我发现的所有 JS 示例在 HTML 文件中仍然有菜单的一些“部分”。

那么，是否可以在 JS 文件中包含所有菜单，而在我的 HTML 文件中只调用（并且没有实际的菜单项）该文件？我只有基本的 JS 知识。但足以适应我的需要的通用示例。