【转】js获取url传递参数

<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request[''参数1''];
参数2 = Request[''参数2''];
参数3 = Request[''参数3''];
参数N = Request[''参数N''];
</Script>
以此获取url串中所带的同名参数

<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]]=(strs[i].split("=")[1]);
      }
   }
   return theRequest;
}
</Script>

 然后我们通过调用此函数获取对应参数值:

<Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request[''参数1''];
参数2 = Request[''参数2''];
参数3 = Request[''参数3''];
参数N = Request[''参数N''];
</Script>
以此获取url串中所带的同名参数

另一种方法类似

<script type="text/javascript">
                //var  str = "https://www.baidu.com/s?wd=360&rsv_spt=1&rsv_iqid=0xaf1f9ec6000038d6&issp=1"
               function getRequest()
            {
                alert(1)
            //var url=window.location.search;
            var url ="?wd=360&rsv_spt=1&rsv_iqid=0xaf1f9ec6000038d6&issp=1";
            if(url.indexOf("?")!=-1) 
            { 
               var str = url.substr(1) 
                strs = str.split("&"); 
                var key=new Array(strs.length);
                var value=new Array(strs.length);
                for(i=0;i<strs.length;i++) 
                { 
                 key[i]=strs[i].split("=")[0]
                 value[i]=unescape(strs[i].split("=")[1]); 
                  console.log(key[i]+"="+value[i]);
               } 
               } 
              
            }
            getRequest();
            
            
            </script
二、正则分析法。
function GetQueryString(name) {
   var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");
   var r = window.location.search.substr(1).match(reg);
   if (r!=null) return (r[2]); return null;
}
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

其他参数获取介绍:
//设置或获取对象指定的文件名或路径。
alert(window.location.pathname);

//设置或获取整个 URL 为字符串。
alert(window.location.href);

//设置或获取与 URL 关联的端口号码。
alert(window.location.port);


//设置或获取 URL 的协议部分。
alert(window.location.protocol);

//设置或获取 href 属性中在井号“#”后面的分段。
alert(window.location.hash);         https://i.cnblogs.com/EditPosts.aspx#opt=1&wb=2&pwd=3

//设置或获取 location 或 URL 的 hostname 和 port 号码。
alert(window.location.host);

//设置或获取 href 属性中跟在问号后面的部分。
alert(window.location.search);      https://i.cnblogs.com/EditPosts.aspx?opt=1&wb=2&pwd=3
原文地址:https://www.cnblogs.com/h5monkey/p/5912974.html