（代码准确运行）如何获取浏览器URL中查询字符串中的参数
程序员文章站
2024-02-17 22:24:10
...
如何获取浏览器URL中查询字符串中的参数
首先要了解的是URL中查询字符串中的参数是什么，例如有一个URL地址为："http://www/book.com/jquery/bookmannager.html?channelid=12345&name=xiaoming&age=23";
那么？号后边的一串字符就是获取到的参数，下面请看代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>获取URL中接收到的参数</title>
</head>
<body>
<script type="text/javascript">
window.onload = function() {
function getUrlPara(sHref) {
//获取问号
var args = sHref.split("?");
//无传入参数
if(args[0] == sHref) {
return "";
}
//对？后的参数进行处理
var arr = args[1].split("&");
var obj = {};
for(var i=0; i<arr.length; i++) {
var arg = arr[i].split("=");
obj[arg[0]] = arg[1];
}
return obj;
}
var URL = "http://www/book.com/jquery/bookmannager.html?channelid=12345&name=xiaoming&age=23";
var resultObj = getUrlPara(URL);
//打印结果
for(var key in resultObj) {
console.log(key + ":" + resultObj[key]);
document.write("<br>");
}
}
</script>
</body>
</html>
最终打印出的结果为（控制台中）：
“channelid:12345”
“name:xiaoming”
“age:23”
上一篇： 获取Function的参数名称