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

Question

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

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

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吧)

Answer 1

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

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

Answer 2

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

或者用后端代码判断。

Answer 3

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