在没有服务器端脚本的情况下跨多个页面链接导航栏

Linking a navbar across multiple pages without server side scripting

我想 link 在我的网站的多个页面上创建一个导航栏,而不使用像 PHP 这样的服务器端脚本语言。我在页面底部使用 jQuery 加载函数将导航栏加载到 #navbar 元素中。这几乎可行,但问题是为项目中不同深度级别的目录指定了相同的文件路径(例如):

<a class="expandable-link" href="services/index.html">Services</a>

此路径适用于我的主索引文件 (site/index.html),但不适用于我的服务目录索引文件 (services/services/index.[=19=) ]).

根据我所做的研究,有人说这需要使用服务器端脚本语言来完成。是否可以根据调用加载函数的位置修改路径,以便可以使用 Javascript?

来完成

而不是使用相对 uri 路径:

services/index.html

使用相对于根的 uri 路径:

/services/index.html