导航栏添加高亮的方法如下,一种是jquery写法,一种是原生js写法
一:jquery写法:
$(function(){
var curUrl = window.location.href;
$(".topNav-nav ul li a").each(function(){
var url = $(this).attr('href');
if(curUrl.indexOf(url) != -1){
$(this).addClass("navactive");
return false;
}
});
});
二:原生js写法
<script> |
| | function hasClass(obj, cls) { |
| | return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)')); |
| | } |
| | function addClass(obj, cls) { |
| | if (!this.hasClass(obj, cls)) obj.className += " " + cls; |
| | } |
| | var currUrl = window.location.href; |
| | var num = document.querySelectorAll(".dark-gray-font"); |
| | for(i=0;i<num.length;i++){ |
| | var url = num[i].href; |
| | if(currUrl.indexOf(url) !== -1){ |
| | addClass(num[i],"navactive"); |
| | } |
| | } |
| | |
| | </script> |