导航菜单地址与URL相同时js实现高亮

细心的朋友会发现本站的导航菜单已经加了当前位置高亮提示，以前有朋友反映这样好些，所以今天有空就加了这个功能。先分享下我的代码吧。

>

var nav = document.getElementById('nav');
var lis = nav.getElementsByTagName('li');
var links = nav.getElementsByTagName('a');
var currentURL = document.location.href; //当前URL
var last = 0;
for(var i=0;i
var linkURL = links[i].getAttribute('href');
linkURL = linkURL.replace('.','');
if(currentURL.indexOf(linkURL) != -1){
last = i;
}
}
links[last].className = 'light';

我是将上面的JS代码单独写在了一个外部JS文件里，所以大家在查看本页源代码的时候看到的只是一个JS外部文件引用。

注意的问题：一定要将JS代码放到导航菜单下面。

猜你喜欢