javascript获取URL参数与参数值的示例代码

 更新时间:2013年12月20日 10:02:25   作者:   我要评论

本篇文章主要是对javascript获取URL参数与参数值的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
复制代码 代码如下:

<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=utf-8" /> 
    <title>javascript获取URL参数和参数值</title> 
    <script type="text/javascript"> 
    <!-- 
    var 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("&",""));   
    } 

    //调用方法: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>

相关文章

  • 根据json字符串生成Html的一种方式

    根据json字符串生成Html的一种方式

    本文介绍了根据Json串生成Html的一种方式(只是简单实现了文本框,密码框,下拉框)感兴趣的朋友可以了解下
    2013-01-01
  • 使用JavaScript解析URL的方法示例

    使用JavaScript解析URL的方法示例

    这篇文章主要给大家介绍了关于如何使用JavaScript解析URL的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-03-03
  • javascript 层展开/关闭,带缓冲效果

    javascript 层展开/关闭,带缓冲效果

    层展开/关闭 - 运动缓冲效果
    2009-04-04
  • javascript数据结构与算法之检索算法

    javascript数据结构与算法之检索算法

    查找数据有2种方式,顺序查找和二分查找。顺序查找适用于元素随机排列的列表。二分查找适用于元素已排序的列表。二分查找效率更高,但是必须是已经排好序的列表元素集合
    2015-04-04
  • javascript Object与Function使用

    javascript Object与Function使用

    Object instanceof Function 还是 Function instance of Object,是真是假,一一道来
    2010-01-01
  • 一段效率很高的for循环语句使用方法

    一段效率很高的for循环语句使用方法

    一段效率很高的for循环语句使用方法...
    2007-08-08
  • 简单实现js浮动框

    简单实现js浮动框

    这篇文章主要为大家详细介绍了如何简单实现js浮动框,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • JavaScript仿商城实现图片轮播实例代码

    JavaScript仿商城实现图片轮播实例代码

    大家在逛购物商城的时候不知道有没有注意到商城首页上面都会有各种轮播,效果非常好,下面小编给大家整理特此分享给大家学习
    2016-02-02
  • 修改ligerui 默认确认按钮的方法

    修改ligerui 默认确认按钮的方法

    下面小编就为大家带来一篇修改ligerui 默认确认按钮的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • Javascript 原型和继承(Prototypes and Inheritance)

    Javascript 原型和继承(Prototypes and Inheritance)

    前面我们看到了如何使用 constructor 来初始化对象。如果这样做,那么每一个创建的新对象都会对那些相同的属性,方法建立一个独立的副本。而实际上有更加有效的方法来指定方法,常量,以及其他一些可被所有该类的对象共享的属性。
    2009-04-04

最新评论