Javascript 使用母版页将CSS模板转换为asp.net

我买了一个css模板。 它实现了这样的导航

 <li class="current"><a href="services.html">Services</a></li>
 <li><a href="news.html">News</a></li>
 <li><a href="portfolio.html">Portfolio</a></li>
 <li><a href="elements.html">Elements</a></li>
 <li><a href="contact.html">Contact</a></li>

它在每个html文件中包含导航标记，并将列表项类标记为当前页面的当前项

现在我正在将其转换为母版页布局。 如何检测当前页面并使用JavaScript将类添加到列表项中。

---

或此问题的任何其他解决方案。

这是一种简单的方法（使用jQuery）：

当页面加载时，首先调用此函数，即

document.ready

中的第一件事

---

这样做的目的是将页面名称作为

锚定
href
。我们从当前url中检索页面名称，并使用该名称在所有
li
s中搜索
a
，其中包含该页面名称作为其
href
。在
li
中添加一个类（在您的案例中是当前的）至少显示asp.net代码在.net中我只有标记没有.net内容。。。我不是只使用mvc的webforms如果你看到一个PHP的例子，你能把它改写成.net吗？请看这个解决方案和你想要实现的非常相似。还有一个问题，我还有一个元素，它显示了用户的主页>>当前页面。。硬编码在每一页我如何才能发送当前网页与代码，这取决于。如果当前页面的元素是独立的，那么只需执行
$（'#elemId'）.text（pageName）
。
function syncMenu () {
        var url = window.location.href, pageStart, pageEnd, pageName;
        pageStart = url.lastIndexOf("/") + 1;
        pageEnd = url.lastIndexOf(".");
        pageName = url.substring(pageStart, pageEnd);

        $('#Menu').find('li').removeClass('selected');
        $('#Menu').find('a[href^="' + pageName + '"]').parent().addClass('current');

}