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 相关文章推荐
jQuery 图像裁剪插件Jcrop的简单使用
May 22 Javascript
监控 url fragment变化的js代码
Apr 19 Javascript
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
Jan 06 Javascript
jquery 中的each()跳出循环的语句
May 23 Javascript
修复bash漏洞的shell脚本分享
Dec 31 Javascript
AngularJS基础学习笔记之指令
May 10 Javascript
JavaScript禁止用户多次提交的两种方法
Jul 24 Javascript
HTML5+jQuery实现搜索智能匹配功能
Mar 24 jQuery
js遍历获取表格内数据的方法(必看)
Apr 06 Javascript
Vue.Draggable实现拖拽效果
Jul 29 Javascript
详解微信小程序canvas圆角矩形的绘制的方法
Aug 22 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
Feb 13 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
一个多文件上传的例子(原创)
2006/10/09 PHP
检测png图片是否完整的php代码
2010/09/06 PHP
Laravel 5 学习笔记
2015/03/06 PHP
yii2.0实现pathinfo的形式访问的配置方法
2016/04/06 PHP
jQuery侧边栏随窗口滚动实现方法
2013/03/04 Javascript
商城常用滚动的焦点图效果代码简单实用
2013/03/28 Javascript
jquery实现excel导出的方法
2013/04/04 Javascript
JQuery的$命名冲突详细解析
2013/12/28 Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
2013/12/29 Javascript
javascript 模拟坦克大战游戏(html5版)附源码下载
2014/04/08 Javascript
JS中自定义定时器让它在某一时刻执行
2014/09/02 Javascript
jQuery实现的漂亮表单效果代码
2015/08/18 Javascript
原生js实现图片轮播特效
2015/12/18 Javascript
jQuery通过ajax请求php遍历json数组到table中的代码(推荐)
2016/06/12 Javascript
js实现表格筛选功能
2017/01/18 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
2017/04/13 Javascript
js模块加载方式浅析
2017/08/12 Javascript
JavaScript递归函数定义与用法实例分析
2019/01/24 Javascript
Vue如何基于vue-i18n实现多国语言兼容
2020/07/17 Javascript
Python通过解析网页实现看报程序的方法
2014/08/04 Python
pyspark 读取csv文件创建DataFrame的两种方法
2018/06/07 Python
python的一些加密方法及python 加密模块
2019/07/11 Python
Django1.11自带分页器paginator的使用方法
2019/10/31 Python
如何实现一个python函数装饰器(Decorator)
2020/10/12 Python
Python中logging日志的四个等级和使用
2020/11/17 Python
python中numpy.empty()函数实例讲解
2021/02/05 Python
Nike德国官网:Nike.com (DE)
2018/11/13 全球购物
下面关于"联合"的题目的输出是什么
2013/08/06 面试题
DIY蛋糕店的创业计划书范文
2013/12/26 职场文书
自主招生自荐信指南
2014/02/04 职场文书
超市开学活动方案
2014/03/01 职场文书
仓库管理计划书
2014/05/04 职场文书
运动会演讲稿200字
2014/08/25 职场文书
教师批评与自我批评材料
2014/10/16 职场文书
初中重阳节活动总结
2015/05/05 职场文书
读《瓦尔登湖》有感:每个人都需要一个瓦尔登湖
2019/10/17 职场文书