js 获取当前url地址更改a链接属性值

最新推荐文章于 2023-05-05 14:32:21 发布

mr.杰瑞

最新推荐文章于 2023-05-05 14:32:21 发布

阅读量977

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/jerryvd/article/details/96484301

版权

js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

html页面

<a href="555" class="nav on" id="a_0">全部</a>
<a href="1" class="nav" id="a_1">1</a>
<a href="2" class="nav" id="a_2">2</a>
<a href="3" class="nav" id="a_3">3</a>
 <a href="3" class="nav" id="a_4">4</a>
 <a href="5" class="nav" id="a_5">5</a>

js代码

var url;
    url = window.location.href; /* 获取完整URL */
    //lastIndexOf 方法可返回一个指定的字符串值最后出现的位置
    //length url.length获取长度
    //substing进行截取
    url = url.substring(url.lastIndexOf('/') + 15, url.length);
  //url.indexOf 来获取url是否含有label=1  没有则为-1
    if(url.indexOf('label=1')!=-1)
    {
        $("#a_1").addClass('on'); //addClass 给某个class增加class
        $("#a_0").removeClass('on'); //移除
        $('#a_4').attr('href','');   //获取属性值 后面参数可进行修改
        $('#a_5').attr('href','');
    }else if(url.indexOf('label=2')!=-1)
    {
        $("#a_2").addClass('on');
        $("#a_0").removeClass('on');
        $('#a_4').attr('href','');
        $('#a_5').attr('href','');
    }else if(url.indexOf('label=3')!=-1)
    {
        $("#a_3").addClass('on');
        $("#a_0").removeClass('on');
        $('#a_4').attr('href','');
        $('#a_5').attr('href','');
    }