javascript獲取URL參數(shù)與參數(shù)值的示例代碼

更新時(shí)間：2013年12月20日 10:02:25 作者：

本篇文章主要是對javascript獲取URL參數(shù)與參數(shù)值的示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助

<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獲取指定參數(shù)及其對應(yīng)的值  
                  function getParameter(paraStr, url)  
                  {  
                      var result = "";  
                      //獲取URL中全部參數(shù)列表數(shù)據(jù)  
                      var str = "&" + url.split("?")[1];  
                      var paraName = paraStr + "=";  
                      //判斷要獲取的參數(shù)是否存在  
                      if(str.indexOf("&"+paraName)!=-1)  
                      {  
                          //如果要獲取的參數(shù)到結(jié)尾是否還包含“&”  
                          if(str.substring(str.indexOf(paraName),str.length).indexOf("&")!=-1)  
                          {  
                              //得到要獲取的參數(shù)到結(jié)尾的字符串  
                              var TmpStr=str.substring(str.indexOf(paraName),str.length);  
                              //截取從參數(shù)開始到最近的“&”出現(xiàn)位置間的字符  
                              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>

下面例子很完整經(jīng)測試

復(fù)制代碼代碼如下:

<!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參數(shù)和參數(shù)值</title>  
    <script type="text/javascript">  
    <!--  
    var url = "http://www.baidu.com/?age=25&k=1&site=asp&abc=123;"  

    //javascript獲取指定參數(shù)及其對應(yīng)的值  
    function getParameter(paraStr, url)  
    {  
        var result = "";  
        //獲取URL中全部參數(shù)列表數(shù)據(jù)  
        var str = "&" + url.split("?")[1];  
        var paraName = paraStr + "=";  
        //判斷要獲取的參數(shù)是否存在  
        if(str.indexOf("&"+paraName)!=-1)  
        {  
            //如果要獲取的參數(shù)到結(jié)尾是否還包含“&”  
            if(str.substring(str.indexOf(paraName),str.length).indexOf("&")!=-1)  
            {  
                //得到要獲取的參數(shù)到結(jié)尾的字符串  
                var TmpStr=str.substring(str.indexOf(paraName),str.length);  
                //截取從參數(shù)開始到最近的“&”出現(xiàn)位置間的字符  
                result=TmpStr.substr(TmpStr.indexOf(paraName),TmpStr.indexOf("&")-TmpStr.indexOf(paraName));    
            }  
            else  
            {    
                result=str.substring(str.indexOf(paraName),str.length);    
            }  
        }    
        else  
        {    
            result="無此參數(shù)";    
        }    
        return (result.replace("&",""));    
    }  

    //調(diào)用方法：var 變量名 = getParameter("要獲取的參數(shù)名", URL地址)  
    var r = getParameter("age",url);  

    //測試輸出，結(jié)果是：site=popasp  
    alert(r);  
    //根據(jù)得到的結(jié)果可以使用  
    var pName = r.split("=")[0]; //獲取參數(shù)名  
    var pValue = r.split("=")[1]; //獲取參數(shù)值  

    //測試輸出：  
    alert("參數(shù)名：" + pName + "\n\n" + "參數(shù)值：" + pValue);  

    //其他實(shí)際應(yīng)用：  
    //可以根據(jù)需要，配合以下方法實(shí)現(xiàn)自己要實(shí)現(xiàn)的功能；  
    //var hostname = location.hostname; //獲取當(dāng)前域名(不包含http://)  
    //var localurl = location.href;   //獲取當(dāng)前完整的URL地址信息(包含http://，域名，路徑，具體文件和全部傳遞參數(shù))  
    //var referurl = document.referrer; //獲取上一頁完整的URL信息(包含http://，域名，路徑，具體文件和全部傳遞參數(shù))  

    //-->  
    </script>  
    </head>  

    <body>  
    </body>  
    </html> 