如何给引入的公共的当前导航添加样式？？？

Posted 2020-10-03 Candy-Yao

因为头部是公共的，所以无法通过添加类的方式控制当前选中的类的颜色等样式。我们只能通过其他方法解决。

1、原理：首先找到当前a，然后循环判断，如果浏览器地址栏地址和a的href相等，就说明当前导航找到，添加定义的类。

2、代码

$(document).ready(function() {
　　var mynav = $(‘.navbar-nav>li‘).find(‘a‘); //寻找导航的a元素
　　for(var i = 0; i < mynav.length; i++) {  //循环遍历
　　　　var links = mynav[i].getAttribute(‘href‘); //取出每个链接的href属性的值
　　　　var myurl = document.location.href; //取出当前窗口的链接
　　　　if(myurl.indexOf(links) != -1) { //判断浏览器地址是否等于当前a元素的href属性
　　　　　　mynav[i].className = "nav-hover"; //添加类
　　　　}
　　}
})

3、详解indexof方法

　　indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。

　　如果要检索的字符串值没有出现，则该方法返回 -1。

注意：indexOf() 方法对大小写敏感！