javascript - 加载整个网站的导航栏，我应该如何处理链接？

Question

我刚刚为一个网站启动了这个小元素，我认为整个网站应该只使用一个菜单栏，因为必须更改菜单栏中所有页面的所有链接有点乏味。

我找到了以下用于加载菜单栏的代码:

<div id="nav-placeholder"></div>

<script type="text/javascript">
  $(function(){
    $("#nav-placeholder").load("navbar.html");
  });
</script>

它工作正常，我确实得到了我的菜单，但是我发现链接基本上与我只是在页面上有菜单而不是加载它一样。

例如，如果我在根目录上，一切都会正常加载，但是一旦我向上移动一个目录，链接就不再起作用。

我知道这个问题可以通过简单地更改它们来解决，但是这样我就必须为整个网站制作多个导航栏？

对此有什么解决办法吗？希望你们能理解我的想法，如果有任何帮助，我们将不胜感激。

Answer 1

如果您使用任何可以动态创建页面的东西(例如 ASP 或 PHP)，那么您可以创建一个仅包含菜单的单独页面，并将其包含在每个需要它的页面中。例如:

ASP:

<!-- #Include virtual="menu.aspx" -->

PHP:

<?php include 'menu.php';?>