js获取当前url的参数值_javascript 取得url某个变量的值-CSDN博客

//方法一：

<!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>

//方法二：

方法一：正则分析法

  
  
   
   function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;
    }

这样调用：

  
  
   
   alert(GetQueryString("参数名1"));

alert(GetQueryString("参数名2"));

alert(GetQueryString("参数名3"));

方法三：

 
         <span style= 
         "font-size: 16px;" 
         ><Script language= 
         "javascript" 
         > 
        
         function 
         GetRequest() { 
        
         var 
         url = location.search;  
         //获取url中"?"符后的字串 
        
         var 
         theRequest =  
         new 
         Object(); 
        
         if 
         (url.indexOf( 
         "?" 
         ) != -1) { 
        
         var 
         str = url.substr(1); 
        
         strs = str.split( 
         "&" 
         ); 
        
         for 
         ( 
         var 
         i = 0; i < strs.length; i ++) { 
        
         theRequest[strs[i].split( 
         "=" 
         )[0]]=unescape(strs[i].split( 
         "=" 
         )[1]); 
        
         } 
        
         } 
        
         return 
         theRequest; 
        
         } 
        
         </Script></span>

这样调用：

  
  
   
   <Script language="javascript">
var Request = new Object();
Request = GetRequest();
var 参数1,参数2,参数3,参数N;
参数1 = Request['参数1'];
参数2 = Request['参数2'];
参数3 = Request['参数3'];
参数N = Request['参数N'];
</Script>