# js代码如何实现导航判断高亮
*Published:* 2023-11-16
*Author:* 客服001
#### 温馨提醒
如果文章内容或图片资源失效，请留言反馈，我们会及时处理，谢谢
本文最后更新于2023年11月16日，已超过 180天没有更新
通过判断地址栏的链接和代码里导航部分的链接一致的话就高亮，分享出来给大家参考。
**demo下载：**
[js\_Current](https://www.xarjtc.com/wp-content/uploads/2023/11/js_Current.zip)
**HTML部分：**
```
js_Current
```
**JS代码部分：**
```
//js部分
$(document).ready(function(){
if(String(window.location).indexOf("php")<0){ //判断是否是首页.文件后缀
$(".nav li:eq(0)").addClass("active");//第一个li获得样式
};
a=window.location;
$(".nav li a").each(function(){
b=String($(this).attr("href")).replace("/","")//首页如果用的是域名可不用replace
if(String(a).indexOf(b)>0){//获得当前li下a的href值，并进行替换
$(this).closest("li").addClass("active");
}
});
});
```