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

【问题标题】：Linking a navbar across multiple pages without server side scripting在没有服务器端脚本的情况下跨多个页面链接导航栏
【发布时间】：2015-02-10 03:13:04
【问题描述】：

我想在我的网站的多个页面之间链接一个导航栏，而不使用像 PHP 这样的服务器端脚本语言。我正在使用页面底部的 jQuery 加载功能将导航栏加载到 #navbar 元素中。这几乎可行，但问题是为我的项目中处于不同深度级别的目录指定了相同的文件路径（例如）：

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

此路径在我的主索引文件 (site/index.html) 中可以正常工作，但在我的服务目录索引文件 (services/services/index.html) 中无法正常工作。

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

【问题讨论】：

【解决方案1】：

而不是使用相对uri路径：

services/index.html

使用相对于根的 uri 路径：

/services/index.html

【讨论】：