JS获取页面通过URL传的参数

转载自： https://blog.csdn.net/why15732625998/article/details/70259341

1.从一个页面通过url将参数传递给另一个页面

www.xxx.com/xxx.html?key=value   //前面指定要传值的目标地址，value为参数

• 1

2.js获取url中传递的参数

2.1 方法1

function getQueryString(name) {
    var result = window.location.search.match(new RegExp("[\?\&]" + name + "=([^\&]+)", "i"));
    if (result == null || result.length < 1) {
        return "";
    }
    return result[1];
}

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8

使用方法：

   var str = getQueryString("key");
   alert(str);

• 1
• 2

2.2 方法2

<Script language="javascript">   
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;   
}   
script>  

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14

使用方法

<Script language="JavaScript">
    var Request = new Object();
    Request = GetRequest();
    var 参数1,参数N;
    参数1 = Request[''参数1''];
    参数N = Request[''参数N''];
Script>

注解： 第一种方法直接定位匹配，第二种方法截取指定的串。