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权威指南 学习笔记之null和undefined
Sep 25 Javascript
浅谈JavaScript编程语言的编码规范
Oct 21 Javascript
编写js扩展方法判断一个数组中是否包含某个元素
Nov 08 Javascript
Js实现手机发送验证码时按钮延迟操作
Jun 20 Javascript
JQ实现新浪游戏首页幻灯片
Jul 29 Javascript
js淡入淡出的图片轮播效果代码分享
Aug 24 Javascript
基于jquery实现三级下拉菜单
May 10 Javascript
浅谈js键盘事件全面控制
Dec 01 Javascript
js+canvas实现动态吃豆人效果
Mar 22 Javascript
Angular2学习教程之TemplateRef和ViewContainerRef详解
May 25 Javascript
jquery动态添加带有样式的HTML标签元素方法
Feb 24 jQuery
在vue中使用vuex,修改state的值示例
Nov 08 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之数据库操作详解及乱码解决!
2007/01/02 PHP
php !function_exists(&quot;T7FC56270E7A70FA81A5935B72EACBE29&quot;))代码解密
2011/01/07 PHP
分享PHP守护进程类
2015/12/30 PHP
Yii安装与使用Excel扩展的方法
2016/07/13 PHP
在PHP 7下安装Swoole与Yar,Yaf的方法教程
2017/06/02 PHP
javascript跑马灯悬停放大效果实现代码
2012/12/12 Javascript
js实现网页随机切换背景图片的方法
2014/11/01 Javascript
Nodejs中读取中文文件编码问题、发送邮件和定时任务实例
2015/01/01 NodeJs
nodejs 整合kindEditor实现图片上传
2015/02/03 NodeJs
c#程序员对TypeScript的认识过程
2015/06/19 Javascript
有关JavaScript中call()和apply() 的一些理解
2016/05/20 Javascript
JS判断浏览器是否安装flash插件的简单方法
2016/09/13 Javascript
JavaScript计算值然后把值嵌入到html中的实现方法
2016/10/29 Javascript
vue.js指令v-model实现方法
2016/12/05 Javascript
Vuex实现计数器以及列表展示效果
2018/03/10 Javascript
vue2中使用sass并配置全局的sass样式变量的方法
2018/09/04 Javascript
python简单实现基数排序算法
2015/05/16 Python
Python中的条件判断语句基础学习教程
2016/02/07 Python
Python 基础教程之闭包的使用方法
2017/09/29 Python
Python实现登陆文件验证方法
2018/10/06 Python
基于 Django 的手机管理系统实现过程详解
2019/08/16 Python
Python函数参数类型及排序原理总结
2019/12/19 Python
Python3.6 中的pyinstaller安装和使用教程
2020/03/16 Python
通过cmd进入python的步骤
2020/06/16 Python
详解pycharm自动import所需的库的操作方法
2020/11/30 Python
MATCHESFASHION.COM美国官网:英国奢侈品零售商
2018/10/29 全球购物
英国羊皮鞋类领先品牌:Just Sheepskin
2019/12/12 全球购物
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢? 是用==还是equals()? 它们有何区别?用contains来区分是否有重复的对象。还是都不用
2013/07/30 面试题
一家外企的面试题目(C/C++面试题,C语言面试题)
2014/03/24 面试题
小学生班会演讲稿
2014/01/09 职场文书
卫校中专生的自我评价
2014/01/15 职场文书
人事部岗位职责范本
2014/03/05 职场文书
美术指导求职信
2014/03/17 职场文书
我们的节日国庆活动方案
2014/08/19 职场文书
2014年图书馆个人工作总结
2014/12/18 职场文书
java协程框架quasar和kotlin中的协程对比分析
2022/02/24 Java/Android