SSI导航栏，突出显示所选选项

Question

我有一个导航栏，我在小网站的每个页面中都使用SSI。像这样：

<ul>
   <li><a href="option1.shtml">option 1</a></li>
   <li><a href="option2.shtml">option 2</a></li>
   <li><a href="option3.shtml">option 3</a></li>
</ul>

在每个页面中，我想突出显示所选的选项（可能带有粗体）并禁用“自我”链接。

由于我没有使用任何服务器端技术作为PHP或.NET，我认为这可以使用JavaScript实现。

非常感谢。

Answer 1

您列出的示例有趣的是选项实际上是链接！链接是用Javascript处理的吗？这对于确定问题的答案有点重要，所以我的答案本身就有点笼统。

我正在描述的以下方法假设列表项中有a个带href个属性的标记。

首先使用document.URL来抓取当前页面的网址。将其存储在变量url中。然后使用url.substr(url.search('www.beginning.com/of/URL/before/links/start/'))获取将在链接中的网址部分，例如index.html。最后，找到href="index.html"的链接并使用removeAttribute("href")删除其href属性。另外在元素中添加一个名为thisPage的类，这样在CSS中你可以突出显示它并删除指针光标：

.thisPage
{
    cursor: default;
    font-weight: bold;
}

请告诉我这是否有用以及您是否有任何问题。