javascript获取URL参数与参数值的示例代码
更新时间：2013年12月20日 10:02:25 作者：
本篇文章主要是对javascript获取URL参数与参数值的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
复制代码 代码如下:
<script>
function goto_url(url){
var new_url = "http://shop.usteel.com/index.php?app=list_release";
var d_date = getParameter("date",url);
if(d_date != '' ){
new_url += "&"+d_date;
}
var species = getParameter("species",url);
if(species != ''){
new_url += "&"+species;
}
window.open(new_url);
}
//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("&",""));
}
</script>
下面例子很完整 经测试
复制代码 代码如下:
<!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 + "\n\n" + "参数值：" + pValue);
//其他实际应用：
//可以根据需要，配合以下方法实现自己要实现的功能；
//var hostname = location.hostname; //获取当前域名(不包含http://)
//var localurl = location.href; //获取当前完整的URL地址信息(包含http://，域名，路径，具体文件和全部传递参数)
//var referurl = document.referrer; //获取上一页完整的URL信息(包含http://，域名，路径，具体文件和全部传递参数)
//-->
</script>
</head>
<body>
</body>
</html>
相关文章
这篇文章主要介绍了JavaScript代码因逗号不规范导致IE不兼容的问题的相关资料,需要的朋友可以参考下2016-02-02
这篇文章主要介绍了javascript 数组(list)添加/删除，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-12-12
这篇文章主要给大家介绍了关于echarts实现雷达图的详细步骤,雷达图(Radar Chart)是一种信息丰富的可视化工具,其中多个变量（三个或更多）在二维平面上进行比较,文中给出了完整的代码示例,需要的朋友可以参考下2024-01-01
firefox TBODY 用js显示和隐藏时出现错位的解决方法
今天帮别人写一个网页，发现：当用javascript动态设置tr.style.display = "block"显示某行时，使用IE浏览没有问题，但使用firefox浏览时该行被移到了其它行的后面，很是诧异。2008-12-12
这篇文章主要介绍了JavaScript中点击事件的写法的相关资料,其中还给大家分享js触发按钮点击功能的实现，本文介绍的非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
有时需要获取图片的尺寸，这需要在图片加载完成以后才可以，本文有三个不错的实现方式在此与大家分享下2014-05-05
当我们在开发Uni-app应用时,经常会遇到需要在不同页面之间传递参数的情况,为了实现跨页面传参,Uni-app提供了几种方式,所以本文小编将给大家介绍一下uniapp跨页面传参的几种方式,文中有详细的代码示例供大家参考,需要的朋友可以参考下2024-01-01
JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
随着web2.0的彪悍发展，以及浏览器端所承载的工作越来越大（在不是很影响性能的情况下，开发者都习惯把能用浏览器做的事儿都让浏览器做，以减轻服务器的压力和带宽费用等）。2010-04-04
这篇文章主要介绍了javascript面向对象创建对象的方式,结合实例形式总结分析了javascript常见的7种创建对象的方式,需要的朋友可以参考下2019-07-07
拥Bootstrap入怀 导航栏篇，和大家一起走进Bootstrap，了解Bootstrap的导航栏，感兴趣的小伙伴们可以参考一下2016-05-05
最新评论