Javascript SSI导航栏，高亮显示选定选项

我有一个导航栏，我在一个小网站的每一页都使用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>

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

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

---

非常感谢。

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

我所描述的以下方法假设列表项中有带有

href

属性的

a

标记

首先使用

document.URL

获取当前页面的URL。将其存储在变量

url

中。然后使用

url.substr（url.search（'www.beging.com/of/url/before/links/start/'））

获取链接中的url部分，例如

index.html

。最后，找到带有

href=“index.html”

的链接，并使用

removeAttribute（“href”）

删除其href属性。此外，向元素添加一个名为

thisPage

的类，以便在CSS中突出显示该元素并移除指针光标：

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

---

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

通常，您不会要求社区从头开始为您编写内容。在你认真尝试为自己编程之后，如果你被卡住了，你会问一个特定的问题。（是的，你可以用JavaScript来做这件事。）谢谢，我不希望有人来写我的代码，我只是想知道除了JavaScript之外还有没有其他选项。谢谢，我忘了在每个

标记中添加标记了！：）我认为您的解决方案简单明了：）