首页 > 大家是如何判断网页上的导航高亮的?

大家是如何判断网页上的导航高亮的?

请问点击导航条,跳转到了新的网页,然后怎么给对应的当前导航加一个高亮呢?

大家给我思路就可以了。
之前我弄了一个

var currenturl = window.location.href;
var aurl=$('.head-nav ul li a');
for (var i = 0; i < aurl.length; i++) {
    var url = aurl.eq(i).prop('href'); /*获取链接的href值*/
    if (currenturl.indexOf(url) != -1) { /*如果链接的href值在当前页面地址中有匹配*/
        aurl.eq(i).addClass('head-nav-current');
    }
}

缺点很明显,就是如果网址后面带?ran=123之类的参数,那么就无法匹配到了。
所以求教大家,如何把导航与当前页面匹配起来,然后给加个高亮(其实就是加个css吧)


1.顺着你的思路,加个正则匹配

2.或者添加url参数标识导航项


页面跳转后就只能根据url判别了,在每个需要跳转的链接上加上特定参数,
如https://.com?type=business&ran=123
在新页面中获取参数business,然后给电子商务加上css


website/home?ran=123, website/some?ran=123,带网页名很好匹配。

或者用后端代码判断。

【热门文章】
【热门文章】