js获取url中"?"后面的字串

网页导航与激活效果
本文介绍了一个简单的网页导航实现方案,通过JavaScript获取URL中的参数来激活相应的页面选项卡。当用户点击不同链接时,页面会根据URL参数的变化高亮显示对应的选项卡。

有2个页面

A.html    

<a href="b.html?index=1">美食</a>
<a href="b.html?index=2">水果</a>
 <a href="b.html?index=3">衣服</a>

B.html

<p class="active" index="1">美食页面</p>

<p index="2">水果页面</p>

<p index="3">衣服页面</p>

function GetRequest() {
                  var url = location.search; //获取url中"?"符后的字串  这边获取到的就是 ?index=2
                  var theRequest = new Object();
                  if (url.indexOf("?") != -1) {

                         var str = url.substr(1);   //这边得到的str  就是index=2

                          strs = str.split("&");    //这边是可能并列参数的情况

                      for ( var i = 0; i < strs.length; i++) {
                          theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
                       }
                  }
                  return theRequest;
 }
        $("p").each(function(index,ele){
         var Request=GetRequest();
         var indexId=Request["index"];
         var op=$("p").eq(index).attr("index");
              if(indexId==op){
               $("p").removeClass("active")
               $("p").eq(index).addClass("active") 
             }
    })

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值