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 相关文章推荐
基于jQuey实现鼠标滑过变色(整行变色)
Dec 07 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
Apr 17 Javascript
JavaScript 函数的执行过程
May 09 Javascript
完美解决JS文件页面加载时的阻塞问题
Dec 18 Javascript
通过V8源码看一个关于JS数组排序的诡异问题
Aug 14 Javascript
vue-resource + json-server模拟数据的方法
Nov 02 Javascript
微信小程序实现下载进度条的方法
Dec 08 Javascript
浅谈React组件之性能优化
Mar 02 Javascript
jQuery实现的简单日历组件定义与用法示例
Dec 24 jQuery
微信小程序3种位置API的使用方法详解
Aug 05 Javascript
JS实现canvas简单小画板功能
Jun 23 Javascript
vue element ui validate 主动触发错误提示操作
Sep 21 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
PHP文件读写操作之文件读取方法详解
2011/01/13 PHP
将二维数组转为一维数组的2种方法
2014/05/26 PHP
PHPExcel实现表格导出功能示例【带有多个工作sheet】
2018/06/13 PHP
基于Laravel 5.2 regex验证的正确写法
2019/09/29 PHP
javascript之可拖动的iframe效果代码
2008/08/01 Javascript
JS实现点击下载的小例子
2013/07/10 Javascript
IE下JS读取xml文件示例代码
2013/08/05 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
2015/04/10 Javascript
jQuery事件绑定与解除绑定实现方法
2015/04/15 Javascript
jQuery实现转动随机数抽奖效果的方法
2015/05/21 Javascript
在AngularJS框架中处理数据建模的方式解析
2016/03/05 Javascript
javascript实现简单的on事件绑定
2016/08/23 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
2016/09/28 Javascript
微信公众号开发 实现点击返回按钮就返回到聊天界面
2016/12/15 Javascript
详解handlebars+require基本使用方法
2016/12/21 Javascript
通过npm引用的vue组件使用详解
2017/03/02 Javascript
js+html5实现页面可刷新的倒计时效果
2017/07/15 Javascript
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
2017/08/01 jQuery
使用ajax的post同步执行(实现方法)
2017/12/21 Javascript
JS兼容所有浏览器的DOMContentLoaded事件
2018/01/12 Javascript
jquery radio 动态控制选中失效问题的解决方法
2018/02/28 jQuery
详解Vue基于vue-quill-editor富文本编辑器使用心得
2019/01/03 Javascript
koa2 从入门到精通(小结)
2019/07/23 Javascript
Python及Django框架生成二维码的方法分析
2018/01/31 Python
详解【python】str与json类型转换
2019/04/29 Python
django foreignkey(外键)的实现
2019/07/29 Python
python实现二分类和多分类的ROC曲线教程
2020/06/15 Python
python将数据插入数据库的代码分享
2020/08/16 Python
基于Html5实现的react拖拽排序组件示例
2018/08/13 HTML / CSS
LivingSocial英国:英国本地优惠
2019/02/22 全球购物
交通安全演讲稿
2014/01/07 职场文书
电子银行营销方案
2014/02/22 职场文书
学院党委班子四风问题自查报告及整改措施
2014/10/25 职场文书
倡议书范文大全
2015/04/28 职场文书
欠条范文
2015/07/03 职场文书
springboot 全局异常处理和统一响应对象的处理方式
2022/06/28 Java/Android