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 27 Javascript
JavaScript表单常用验证集合
Jan 16 Javascript
javascript中的prototype属性使用说明(函数功能扩展)
Aug 16 Javascript
extjs之去除s.gif的影响
Dec 25 Javascript
js在IE与firefox的差异集锦
Nov 11 Javascript
实例讲解JS中setTimeout()的用法
Jan 28 Javascript
让编辑器支持word复制黏贴、截屏的js代码
Oct 17 Javascript
vue弹出框组件封装实例代码
Oct 31 Javascript
js布局实现单选按钮控件
Jan 17 Javascript
JavaScript实现轮播图片完整代码
Mar 07 Javascript
easyUI使用分页过滤器对数据进行分页操作实例分析
Jun 01 Javascript
JavaScript实现像雪花一样的Hexaflake分形
Jul 07 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控制用户的浏览器--ob*函数的使用说明
2007/03/16 PHP
php中filter_input函数用法分析
2014/11/15 PHP
php将数组转换成csv格式文件输出的方法
2015/03/14 PHP
DEDECMS首页调用图片集里的多张图片
2015/06/05 PHP
PHP输出缓冲控制Output Control系列函数详解
2015/07/02 PHP
使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
2017/09/15 PHP
PHP实现会员账号单唯一登录的方法分析
2019/03/07 PHP
jQuery级联操作绑定事件实例
2014/09/02 Javascript
webapp框架AngularUI的demo改造之路
2014/12/21 Javascript
ECMAScript 6即将带给我们新的数组操作方法前瞻
2015/01/06 Javascript
JS+DIV+CSS排版布局实现美观的选项卡效果
2015/10/10 Javascript
JavaScript隐式类型转换
2016/03/15 Javascript
Js与Jq获取浏览器和对象值的方法
2016/03/18 Javascript
Linux下为Node.js程序配置MySQL或Oracle数据库的方法
2016/03/19 Javascript
JS简单编号生成器实现方法(附demo源码下载)
2016/04/05 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
2016/06/03 Javascript
最全的Javascript编码规范(推荐)
2016/06/22 Javascript
JavaScript学习笔记整理_setTimeout的应用
2016/09/19 Javascript
基于angularJS的表单验证指令介绍
2016/10/21 Javascript
JS简单判断滚动条的滚动方向实现方法
2017/04/28 Javascript
利用vue和element-ui设置表格内容分页的实例
2018/03/02 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
2020/10/02 Javascript
python 连接各类主流数据库的实例代码
2018/01/30 Python
python安装教程
2018/02/28 Python
用Python中的turtle模块画图两只小羊方法
2019/04/09 Python
远程部署工具Fabric详解(支持Python3)
2019/07/04 Python
python+selenium 简易地疫情信息自动打卡签到功能的实现代码
2020/08/22 Python
Django限制API访问频率常用方法解析
2020/10/12 Python
专科毕业生自我鉴定
2013/12/01 职场文书
小学生红领巾广播稿
2014/01/21 职场文书
党的群众路线教育实践活动通讯稿
2014/09/10 职场文书
违纪学生保证书
2015/02/27 职场文书
Java工作中实用的代码优化技巧分享
2022/04/21 Java/Android
python blinker 信号库
2022/05/04 Python
python内置模块之上下文管理contextlib
2022/06/14 Python
JS轻量级函数式编程实现XDM二
2022/06/16 Javascript