Javascript 获取链接(url)参数的方法

qa项目可能需要客户端获取到url的参数，搜到一个很好的解决方法，记录在博客，省得以后找麻烦。

方法一：分解链接的方式

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41

< script type="text/javascript"> /*   * 说明：Javascript 获取链接(url)参数的方法   */ function getQueryString(name) {      // 如果链接没有参数，或者链接中不存在我们要获取的参数，直接返回空      if(location.href.indexOf("?")==-1 || location.href.indexOf(name+'=')==-1)      {          return '';      }         // 获取链接中参数部分      var queryString = location.href.substring(location.href.indexOf("?")+1);         // 分离参数对 ?key=value&key2=value2      var parameters = queryString.split("&");         var pos, paraName, paraValue;      for(var i=0; i< parameters.length ; i++)      {          // 获取等号位置          pos = parameters[i].indexOf('=');          if(pos == -1) { continue; }             // 获取name 和 value          paraName = parameters[i].substring(0, pos);          paraValue = parameters[i].substring(pos + 1);             // 如果查询的name等于当前name，就返回当前值，同时，将链接中的+号还原成空格          if(paraName == name)          {              return unescape(paraValue.replace(/\+/g, " "));          }      }      return ''; };    //http://localhost/test.html?aa=bb&test=cc+dd&ee=ff alert(getQueryString('test')); </script>

 

方法二：用正则匹配

1 2 3 4 5 6 7 8 9 10

< script type="text/javascript"> function getQueryStringRegExp(name) {      var reg = new RegExp("(^|\\?|&)"+ name +"=([^&]*)(\\s|&|$)", "i");      if (reg.test(location.href)) return unescape(RegExp.$2.replace(/\+/g, " ")); return ""; };    //http://localhost/test.html?aa=bb&test=cc+dd&ee=ff alert(getQueryStringRegExp('test')); </ script >

 

原文链接：http://www.codebit.cn/javascript/javascript-get-url-parameter.html

分类: JavaScript