javascript获取URL参数与参数值的示例代码


Posted in Javascript onDecember 20, 2013
<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 相关文章推荐
深入认识javascript中的eval函数
Nov 02 Javascript
js showModalDialog弹出窗口实例详解
Jan 07 Javascript
jQuery中appendTo()方法用法实例
Jan 08 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
Oct 16 Javascript
简单谈谈JavaScript的同步与异步
Dec 31 Javascript
jQuery图片轮播(二)利用构造函数和原型创建对象以实现继承
Dec 06 Javascript
JavaScript实现HTML5游戏断线自动重连的方法
Sep 18 Javascript
详解vue项目的构建,打包,发布全过程
Nov 23 Javascript
详解react关于事件绑定this的四种方式
Mar 09 Javascript
jQuery实现表单动态添加与删除数据操作示例
Jul 03 jQuery
es6中class类静态方法,静态属性,实例属性,实例方法的理解与应用分析
Feb 15 Javascript
JS获取一个字符串中指定字符串第n次出现的位置
Feb 10 Javascript
javascript获取鼠标点击元素对象(示例代码)
Dec 20 #Javascript
js 操作select与option(示例讲解)
Dec 20 #Javascript
js插件方式打开pdf文件(浏览器pdf插件分享)
Dec 20 #Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 20 #Javascript
js select option对象小结
Dec 20 #Javascript
javascript 按键事件(兼容各浏览器)
Dec 20 #Javascript
js与jQuery 获取父窗、子窗的iframe
Dec 20 #Javascript
You might like
thinkphp3.2框架中where条件查询用法总结
2019/08/13 PHP
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
2013/11/03 Javascript
javascript ajax的5种状态介绍
2014/08/18 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
2015/10/25 Javascript
使用Javascript写的2048小游戏
2015/11/25 Javascript
MVC Ajax Helper或Jquery异步加载部分视图
2015/11/29 Javascript
简单介绍jsonp 使用小结
2016/01/27 Javascript
jQuery中iframe的操作(点击按钮新增窗口)
2016/04/20 Javascript
javascript表单事件处理方法详解
2016/05/15 Javascript
AngularJS基础 ng-mouseover 指令简单示例
2016/08/02 Javascript
ionic组件ion-tabs选项卡切换效果实例
2016/08/27 Javascript
Javascript中arguments对象的详解与使用方法
2016/10/04 Javascript
jquery checkbox的相关操作总结
2016/10/17 Javascript
jQuery焦点图左右转换效果
2016/12/12 Javascript
Vue数据驱动模拟实现4
2017/01/12 Javascript
js生成随机数方法和实例
2017/01/17 Javascript
React如何将组件渲染到指定DOM节点详解
2017/09/08 Javascript
使用D3.js创建物流地图的示例代码
2018/01/27 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
2019/03/13 Javascript
利用d3.js制作连线动画图与编辑器的方法实例
2019/09/05 Javascript
Vue防止白屏添加首屏动画的实例
2019/10/31 Javascript
详解element-ui动态限定的日期范围选择器代码片段
2020/07/03 Javascript
Python中的MongoDB基本操作:连接、查询实例
2015/02/13 Python
高效测试用例组织算法pairwise之Python实现方法
2017/07/19 Python
NumPy.npy与pandas DataFrame的实例讲解
2018/07/09 Python
python绘制直方图和密度图的实例
2019/07/08 Python
详解Python中打乱列表顺序random.shuffle()的使用方法
2019/11/11 Python
TensorFlow Autodiff自动微分详解
2020/07/06 Python
Python -m参数原理及使用方法解析
2020/08/21 Python
全民健身日活动方案
2014/01/29 职场文书
广告语设计及教案
2014/03/21 职场文书
二手房购房协议书范本
2014/10/05 职场文书
学校教师培训工作总结
2015/10/14 职场文书
2016年大学生实习单位评语
2015/12/01 职场文书
Html5页面播放M4a音频文件
2021/03/30 HTML / CSS
php 获取音视频时长,PHP 利用getid3 获取音频文件时长等数据
2021/04/01 PHP