js怎么获取url后面带的参数

大哥打扰一下,js怎么获取url后面带的参数
最新回答
紫烟轻娆

2026-10-22 22:04:45

在JavaScript中获取URL后面带的参数,可以使用多种方法。其中一种传统的方式是先取得整个地址栏的URL,即使用location.href。接着通过查找问号"?"的位置来确定参数开始的位置。具体代码如下:

var str = location.href; //取得整个地址栏
var num = str.indexOf("?");
str = str.substr(num + 1); //取得所有参数

接下来,可以使用str.split("&")将所有参数分割成一个数组,方便逐一处理每个参数。这里substr函数用于从字符串中提取指定部分,而split函数则用于根据指定分隔符拆分字符串。

除了上述方法,还可以使用正则表达式来获取URL参数。这种方法更加简洁,代码如下:

var params = location.search.slice(1).split('&');
params = params.map(function(item){
return item.split('=');
});

这段代码首先通过location.search.slice(1)获取URL中的查询字符串,然后使用split('&')将查询字符串分割成一个数组,最后通过map函数将每个参数对拆分成一个数组。

另外,我们还可以利用URLSearchParams对象来处理URL参数。这是一种现代的方法,代码如下:

var urlParams = new URLSearchParams(window.location.search);
console.log(urlParams.get('paramName'));

通过URLSearchParams对象,可以直接通过参数名获取对应的参数值,使用起来更加方便。