javascript获取URL参数和参数值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>javascript获取URL参数和参数值</title>
<script type="text/javascript">
<!--
var url = "http://www.baidu.com/?age=25&k=1&site=asp&abc=123;"

//javascript获取指定参数及其对应的值
function getParameter(paraStr, url)
{
var result = "";
//获取URL中全部参数列表数据
var str = "&" + url.split("?")[1];
var paraName = paraStr + "=";
//判断要获取的参数是否存在
if(str.indexOf("&"+paraName)!=-1)
{
//如果要获取的参数到结尾是否还包含“&”
if(str.substring(str.indexOf(paraName),str.length).indexOf("&")!=-1)
{
//得到要获取的参数到结尾的字符串
var TmpStr=str.substring(str.indexOf(paraName),str.length);
//截取从参数开始到最近的“&”出现位置间的字符
result=TmpStr.substr(TmpStr.indexOf(paraName),TmpStr.indexOf("&")-TmpStr.indexOf(paraName));
}
else
{
result=str.substring(str.indexOf(paraName),str.length);
}
}
else
{
result="无此参数";
}
return (result.replace("&",""));
}

//调用方法:var 变量名 = getParameter("要获取的参数名", URL地址)
var r = getParameter("age",url);

//测试输出,结果是:site=popasp
alert(r);
//根据得到的结果可以使用
var pName = r.split("=")[0]; //获取参数名
var pValue = r.split("=")[1]; //获取参数值

//测试输出:
alert("参数名:" + pName + " " + "参数值:" + pValue);

//其他实际应用:
//可以根据需要,配合以下方法实现自己要实现的功能;
//var hostname = location.hostname; //获取当前域名(不包含http://)
//var localurl = location.href; //获取当前完整的URL地址信息(包含http://,域名,路径,具体文件和全部传递参数)
//var referurl = document.referrer; //获取上一页完整的URL信息(包含http://,域名,路径,具体文件和全部传递参数)

//-->
</script>
</head>

<body>
</body>
</html>

原文地址:https://www.cnblogs.com/huangf714/p/5864354.html