用JS获取地址栏参数的方法（超级简单）-优快云博客

本文介绍了两种使用JavaScript从URL中提取查询参数的方法：一种是传统方法，通过字符串操作实现；另一种是采用正则表达式进行匹配。这两种方法都能有效地解析出URL中的参数名及其对应的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 传统方法

function UrlSearch()
{
   var name,value;
   var str=location.href; //取得整个地址栏
   var num=str.indexOf("?")
   str=str.substr(num+1); //取得所有参数   stringvar.substr(start [, length ]

   var arr=str.split("&"); //各个参数放到数组里
   for(var i=0;i < arr.length;i++){
    num=arr[i].indexOf("=");
    if(num>0){
     name=arr[i].substring(0,num);
     value=arr[i].substr(num+1);
     this[name]=value;
     }
    }
}
var Request=new UrlSearch(); //实例化
alert(Request.id);

// 方法：采用正则表达式获取地址栏参数：

function GetQueryString(name)
{
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     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"));