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

图片描述

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

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

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

阅读 3k
评论 2016-02-26 提问
    3 个回答
    YiXia
    • 442

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

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

    评论 赞赏 2016-02-26

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

      或者用后端代码判断。

      评论 赞赏 2016-02-26
        评论 赞赏 2016-02-26
          撰写回答

          登录后参与交流、获取后续更新提醒