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 ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
Feb 25 Javascript
使用隐藏的new来创建对象
Mar 29 Javascript
为你的网站增加亮点的9款jQuery插件推荐
May 03 Javascript
处理及遍历XML文档DOM元素属性及方法整理
Aug 23 Javascript
js常用系统函数用法实例分析
Jan 12 Javascript
解析Node.js基于模块和包的代码部署方式
Feb 16 Javascript
浅谈JS使用[ ]来访问对象属性
Sep 21 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
Jan 23 Javascript
vue实现的微信机器人聊天功能案例【附源码下载】
Feb 18 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
Sep 04 Javascript
layui之数据表格--与后台交互获取数据的方法
Sep 29 Javascript
pnpm对npm及yarn降维打击详解
Aug 05 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 一个随机字符串生成代码
2010/05/26 PHP
PHP不用第三变量交换2个变量的值的解决方法
2013/06/02 PHP
Laravel 5 框架入门(三)
2015/04/09 PHP
windows server 2008/2012安装php iis7 mysql环境搭建教程
2016/06/30 PHP
PHP实现随机发扑克牌
2020/04/22 PHP
input 和 textarea 输入框最大文字限制的jquery插件
2011/10/27 Javascript
javascript:文字不间断向左移动的实例代码
2013/08/08 Javascript
多次注册事件会导致一个事件被触发多次的解决方法
2013/08/12 Javascript
Firefox和IE兼容性问题及解决方法总结
2013/10/08 Javascript
本人自用的global.js库源码分享
2015/02/28 Javascript
浅谈vue中数据双向绑定的实现原理
2017/09/14 Javascript
Vue2.0父组件与子组件之间的事件发射与接收实例代码
2017/09/19 Javascript
使用vuex缓存数据并优化自己的vuex-cache
2018/05/30 Javascript
详解关于vue-area-linkage走过的坑
2018/06/27 Javascript
微信小程序 如何获取网络状态
2019/07/26 Javascript
VUEX 数据持久化,刷新后重新获取的例子
2019/11/12 Javascript
[57:38]2018DOTA2亚洲邀请赛3月30日 小组赛A组 OpTic VS OG
2018/03/31 DOTA
Python的Urllib库的基本使用教程
2015/04/30 Python
初步讲解Python中的元组概念
2015/05/21 Python
Python中的上下文管理器和with语句的使用
2018/04/17 Python
python获取交互式ssh shell的方法
2019/02/14 Python
python常用数据重复项处理方法
2019/11/22 Python
python函数定义和调用过程详解
2020/02/09 Python
Pycharm打开已有项目配置python环境的方法
2020/07/03 Python
CSS3绘制六边形的简单实现
2016/08/25 HTML / CSS
美国最大的网络男装服装品牌:Bonobos
2017/05/25 全球购物
英国皇家邮政海外旗舰店:Royal Mail
2018/02/21 全球购物
美国农场鲜花速递:The Bouqs
2018/07/13 全球购物
日语翻译个人求职的自我评价
2013/10/14 职场文书
软件项目实施计划书
2014/05/02 职场文书
个人安全生产责任书
2014/07/28 职场文书
婚礼父母答谢词
2015/01/04 职场文书
介绍信如何写
2015/01/31 职场文书
恰同学少年观后感
2015/06/08 职场文书
回复函格式及范文
2015/07/14 职场文书
Vue+TypeScript中处理computed方式
2022/04/02 Vue.js