如何用js获取浏览器URL中查询字符串的参数

以下通过一个例子来说明URL重定向，和获取重定向之后的地址以及参数：

js重定向

html:

<input type="hidden" id="userid" value="23">

name:<input type="text" id="username" name="username">

<a id="show_a" href="javascript:void(0);" onclick="go();">跳转</a>

js方法重定向

function go(){

   var id=$("#userid")val();

   var username=$("#username")val();

   //两个页面是同目录下可以按照以下写，如果不同则写绝对路径

   windowlocationhref="queryImagejspid="+id+"&username="+username;

  }

点击“跳转”即可URL重定向

跳转到queryImagejsp页面

$(function(){

//获取当前地址

var url=windowlocationhref;

//输出获取的地址

alert(url);

//截取参数

var param=urlsubstring(urlindexOf("")+1);

//输出截取的参数

alert(param);

var arr=paramsplit("&");

for(i=0;i<arrlength;i++){

//遍历参数输出

alert(arr[i]);

}

});

地址输出：

截取参数：

遍历参数：

<script type="text/javascript">

function getpara()//获取参数的函数

{

var url=documentURL;

var para="";

if(urllastIndexOf("")>0)

{

para=urlsubstring(urllastIndexOf("")+1,urllength);

var arr=parasplit("&");

para="";

for(var i=0;i<arrlength;i++)

{

para+="第"+(i+1)+"个参数>>名:"+arr[i]split("=")[0];

para+=" 值:"+arr[i]split("=")[1]+"<br>";

}

documentwrite(para);

}

else

{

documentwrite("没有参数!");

}

}

getpara();//执行函数

</script>

将这段代码放到任何一个网页中即可看到效果

测试参数:untitledhtmla=aaaaa&b=bbbbbbbb&c=dddddddd

输出结果:

第1个参数>>名:a 值:aaaaa

第2个参数>>名:b 值:bbbbbbbb

第3个参数>>名:c 值:dddddddd

下面是一个统一获取url参数的js通用方法：

function request(paras){

var url = locationhref;

var paraString = urlsubstring(urlindexOf("")+1,urllength)split("&");

var paraObj = {}

for (i=0; j=paraString[i]; i++){

paraObj[jsubstring(0,jindexOf("="))toLowerCase()] = jsubstring(jindexOf("=")+1,jlength);

}

var returnValue = paraObj[parastoLowerCase()];

if(typeof(returnValue)=="undefined"){

return "";

}else{

return returnValue;

}

那么截取的参数a的值=Request(a);

参数a前四位的值=Request(a)substring(0,4)

以上就是关于如何用js获取浏览器URL中查询字符串的参数全部的内容，包括:如何用js获取浏览器URL中查询字符串的参数、js取url中的值、js使用正则获取当前页面url指定参数等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！