在没有服务器端脚本的情况下跨多个页面链接导航栏
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
我想 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