Fatal编程技术网
  • javascript/
  • Javascript 解析各种URL并将.active类添加到导航

Javascript 解析各种URL并将.active类添加到导航

javascript jquery css url navigation

Javascript 解析各种URL并将.active类添加到导航,javascript,jquery,css,url,navigation,Javascript,Jquery,Css,Url,Navigation,我需要一个jQuery或JavaScript来解析页面的当前URL，并将css class.active应用于站点的导航导航选项卡，以便突出显示站点的当前活动部分。该站点生成各种URL，其中许多URL将导致同一导航链接处于活动状态 示例URL 1:mycompany.com/Page.asp？name=foo 大约有十几个“命名的”。asp页面位于3个导航选项卡下：name=foo、name=boo、name=poo、name=woo、name=zoo，其中foo和woo在nav1下处于活动状态

我需要一个jQuery或JavaScript来解析页面的当前URL，并将css class.active应用于站点的导航导航选项卡，以便突出显示站点的当前活动部分。该站点生成各种URL，其中许多URL将导致同一导航链接处于活动状态

示例URL 1:mycompany.com/Page.asp？name=foo

大约有十几个“命名的”。asp页面位于3个导航选项卡下：name=foo、name=boo、name=poo、name=woo、name=zoo，其中foo和woo在nav1下处于活动状态，boo和poo在nav2下处于活动状态，zoo在nav3下处于活动状态，等等

示例URL 2:mycompany.com/fooapage.aspx？vwc=2345678

有几个服务器生成的URL都以相同的文件名“fooapage.asp、foobpage.asp、foocpage.asp、foodpage.asp”开头，其中所有“foo…”页面都将激活相同的导航选项卡

示例URL 3:mycompany.com/bar.asp

还有几个页面是唯一的.asp文件名“a.asp、b.asp、c.asp、d.asp…”，需要指向不同的导航选项卡

所以我需要的是一个脚本，它将解析出我的url，并根据需要将.active类添加到正确的nav选项卡中。遗憾的是，我是一个javascript高手，不知道如何最好地做到这一点

if name=foo then #nav1.active
if name=poo then #nav2.active
if name=woo then #nav3.active
if name=zoo then #nav1.active
et cetera…

if filename(starts with)foo then #nav4.active

if filename==a.asp then #nav5.active
if filename==b.asp then #nav5.active
if filename==c.asp then #nav6.active
if filename==x.asp then #nav6.active
if filename==y.asp then #nav7.active
if filename==z.asp then #nav7.active
et cetera…
我一直在研究解析URL的脚本和函数，以及if/then语句，但我不确定如何以正确的方式将它们放在一起。任何建议、见解或帮助都将不胜感激。提前感谢大家对这个问题给予的任何时间或考虑