0

我有一个导航栏，我在一个小网站的每个页面中都使用了 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 来实现。

非常感谢。

4

1 回答 1

0

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

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

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

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

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

于 2011-10-03T00:34:03.260 回答