URL传参小用法&获取url中的参数

写页面的时候发现的小用法,记录下来,关于url静态传参的问题。

首先列举下获取URL中参数的几种方法

方法一:正则法

这个正则是寻找&+url参数名字=值+&*/     这里参考网址:***.html?id=1&cid=2

//这里是开始匹配,找到了返回对应url值,没找到返回null
function getQueryString(name) {
   var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
   var r = window.location.search.substr(1).match(reg);  //这里返回找到正则的匹配

   if (r != null) {
      return unescape(r[2]);    //这里返回对应的值

   }
   return null;
}
// 这样调用:
var value = getQueryString("id");   //这里'id'代表参数的名字

if(value!=null)
{
   var value_ = decodeURIComponent(value);
   alert(value_);
}
方法二:split拆分法

function GetRequest() {
   var url = location.search; //获取url中"?"符后的字串
   var theRequest = new Object();
   if (url.indexOf("?") != -1) {
      var str = url.substr(1);
      strs = str.split("&");
      for(var i = 0; i < strs.length; i ++) {
         theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
      }
   }
   return theRequest;
}
var Request = new Object();
Request = GetRequest();
 var id_;
id_ = Request['id'];
alert(id_ );
方法三:单个参数的获取方法

window.onload = function() {
   var url = location.search; //获取url中"?"符后的字串
   if (url.indexOf("?") != -1) {    //判断?后面是否有参数
      var str = url.substr(1); //从第一个字符开始 因为第0个是?号 获取所有除问号的所有符串 这里会获得类似“id=1”这样的字符串
      var strNum = str.split("=");   //用等号进行分隔 (因为知道只有一个参数 所以直接用等号进分隔 如果有多个参数 要用&号分隔 再用等号进行分隔)
      alert(strNum[1]);          //直接弹出第一个参数 (如果有多个参数 还要进行循环的)
   }
}
好了,这里三种方法够用的了,想用哪种用哪种。接下来说下用途:

1.可根据url中的参数来显示不同的内容,比如有些内容只想在特定情况下显示,就可以通过传参来设定。

2.可跨页面跨区域定位;一般的定位方法当然也能显示指定位置,但是页面中如果有tab切换啊什么的,想要直接调到第二个选项的内容区(默认会显示第一个选项区的内容)就得用到这种判断方法了,通过判断url参数来控制切换。

用途可能还有很多,以后遇到再添加。加油!






  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值