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参数来控制切换。

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