欢迎来到路由器窝!

js根据地址的一部分(可以指定部分)高亮

浏览次数:

作者: 路由器窝

信息来源:

更新日期: 2020-11-22 00:31

文章简介

这个方法比较呆,但是好在通俗易懂。原理见代码说明:======================================jQuery代码:var url = document.URL.toLowerCase(); //获取url地址,并全部小写化i

  • 正文开始
  • 相关文章
这个方法比较“呆”,但是好在通俗易懂。
原理见代码说明:

======================================

jQuery代码:

var url = document.URL.toLowerCase(); //获取url地址,并全部小写化
if (url.indexOf("/Products/".toLowerCase())!=-1){ //检测是否包含“/Products/”字段
 $("#MenuProducts").addClass("UrlSiteNow"); //若包含则给ID为MenuProducts加上CSS样式UrlSiteNow
}
else if (url.indexOf("/AboutUs/".toLowerCase())!=-1){
 $("#MenuAboutUs").addClass("UrlSiteNow");
}
else {
 $("#MenuHome").addClass("UrlSiteNow");
}

=======================================

注意:

判断语句要从后往前,比如:

导航的ID顺序为:Home、AboutUs、Products、FriendLink

判断的顺序则为:FriendLink、Products、AboutUS、Home

转载请注明:js脚本» js根据地址的一部分(可以指定部分)高亮

标签:
上一页:js获取ip地址城市
下一页:通用banner通用banner通用banner幻灯
最近更新作品
国外三方分享
更新时间:2023-03-09

839人已经看过了!

自适应产品图片左右滚动
更新时间:2023-01-05

883人已经看过了!

jq判断是PC还是手机端的方法
更新时间:2022-12-15

743人已经看过了!

网站添加本站已稳定运行XX天的统计代码
更新时间:2022-12-15

1035人已经看过了!

弹层表单
更新时间:2022-12-02

808人已经看过了!

弹层视频
更新时间:2022-12-02

623人已经看过了!

mp4自适应播放代码
更新时间:2022-11-19

827人已经看过了!

最新两行或者一行自适应表单
更新时间:2022-11-01

648人已经看过了!

HkCms密码破解,密码重置
更新时间:2022-10-21

983人已经看过了!