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脚本函数库 方便开发
Oct 13 Javascript
jQuery选择器源码解读(二):select方法
Mar 31 Javascript
jquery实现点击向下展开菜单项(伸缩导航)效果
Aug 22 Javascript
javascript学习指南之回调问题
Apr 23 Javascript
详谈JS中实现种子随机数及作用
Jul 19 Javascript
Vue.js双向绑定实现原理详解
Dec 22 Javascript
Javascript继承机制详解
May 30 Javascript
vue2利用Bus.js如何实现非父子组件通信详解
Aug 25 Javascript
vue实现短信验证码登录功能(流程详解)
Dec 10 Javascript
JavaScript回调函数callback用法解析
Jan 14 Javascript
微信小程序实现弹框效果
May 26 Javascript
Vue详细的入门笔记
May 10 Vue.js
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
解决MySQL中文输出变成问号的问题
2008/06/05 PHP
PHP函数in_array()使用详解
2014/08/20 PHP
thinkphp的URL路由规则与配置实例
2014/11/26 PHP
php通过两层过滤获取留言内容的方法
2016/07/11 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
PHP钩子与简单分发方式实例分析
2017/09/04 PHP
PHP 中 var_export、print_r、var_dump 调试中的区别
2018/06/19 PHP
js和jquery中循环的退出和继续下一个循环
2014/09/03 Javascript
jQuery中的编程范式详解
2014/12/15 Javascript
Vue.js仿微信聊天窗口展示组件功能
2017/08/11 Javascript
jquery在启动页面时,自动加载数据的实例
2018/01/22 jQuery
Auto.js自动收取自己和好友蚂蚁森林能量脚本
2018/06/28 Javascript
AngularJS ui-router刷新子页面路由的方法
2018/07/23 Javascript
angular1.x ui-route传参的三种写法小结
2018/08/31 Javascript
详解Vue前端对axios的封装和使用
2019/04/01 Javascript
[01:31:02]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第一场
2019/08/22 DOTA
学习Python selenium自动化网页抓取器
2018/01/20 Python
Python实现线性插值和三次样条插值的示例代码
2019/11/13 Python
python numpy 反转 reverse示例
2019/12/04 Python
Numpy将二维数组添加到空数组的实现
2019/12/05 Python
PyCharm取消波浪线、下划线和中划线的实现
2020/03/03 Python
Python基础教程之输入输出和运算符
2020/07/26 Python
css3 clip实现圆环进度条的示例代码
2018/02/07 HTML / CSS
HTML5组件Canvas实现图像灰度化(步骤+实例效果)
2013/04/22 HTML / CSS
html5摇一摇代码优化包括DeviceMotionEvent等等
2014/09/01 HTML / CSS
HTML5打开手机扫码功能及优缺点
2017/11/27 HTML / CSS
维多利亚的秘密官方网站:Victoria’s Secret
2018/10/24 全球购物
美国最好的葡萄酒网上商店:Wine Library
2019/11/02 全球购物
SQL Server数据库笔试题和答案
2016/02/04 面试题
德语专业求职信
2014/03/12 职场文书
环保建议书100字
2014/05/14 职场文书
2015年医院创卫工作总结
2015/04/22 职场文书
毕业证明模板
2015/06/19 职场文书
《多彩的民间艺术》教学反思
2016/02/16 职场文书
MySQL高速缓存启动方法及参数详解(query_cache_size)
2021/07/01 MySQL
详解CSS中postion和opacity及cursor的特性
2022/08/14 HTML / CSS