包括来自外部 ASP 页面的菜单内容，保持菜单项被选中

Question

我在一个新网站的多个/每个页面中都有以下内容。

我已经从所有页面中删除了冗余代码，并在所有需要菜单选择选项的页面中添加了 include（如下所述）。使用：

<!--#include file ="Include.asp"-->

问题是，假设会话变量或 jQuery 变量从一个页面传递到另一个页面，我们如何保持页面选择的菜单项突出显示所有或任何选择？

class="current" 不知何故需要作为当前页面的前缀？当前代码保持主页突出显示，如果我们删除 class="current" 我们显然失去了突出显示的所有影响。

谢谢你，新手程序员！

<nav>
<div id="menu-icon">Menu<span></span></div>
<ul class="menu responsive-menu">
    <li class="current"><a href="index.asp">Home</a></li>
    <li><a href="index1.asp">Page 1</a>
        <ul>
            <li><a href="#">Page 1.1</a></li>
            <li><a href="#">Page 1.2</a></li>
            <li><a href="#">Page 1.3</a></li>
            <li><a href="#">Page 1.4</a></li>
            <li><a href="#">Page 1.5</a></li>
            <li class="last-item"><a href="#">Page 1.6</a></li>
        </ul>
        <span class="menu-bottom"></span>
    </li>
    <li><a href="index2.asp">Page 2</a></li>
    <li><a href="index3.asp">Page 3</a></li>
    <li><a href="index4.asp">Page 4</a></li>
    <li class="last-item"><a href="index5.asp">Page 5</a></li>
</ul>
</nav>

Answer 1

一个建议是在服务器端进行。

使用后面的 ASP 代码，您可以获取 request.url 变量并提取文件名，然后对您的 html 进行替换，如下所示：

html = html.replace("<li><a href=""file_name.asp""", "<li class=""current""><a href=""file_name.asp""")

如果您有任何其他循环来创建导航元素，您当然可以在那里进行注入。