JS获取URL中参数值的4种方法

在JavaScript中，获取URL参数值有多种方法。以下是四种常见的方法：

1. 使用window.location.search和URLSearchParams对象：

const params = new URLSearchParams(window.location.search);
const value = params.get('key'); // 替换'key'为你想获取的参数名

2. 使用正则表达式解析查询字符串：

function getQueryParam(key) {
  const regex = new RegExp('[?&]' + key + '=([^&]*)');
  const match = regex.exec(window.location.search);
  return match && decodeURIComponent(match[1].replace(/\+/g, ' '));
}
const value = getQueryParam('key'); // 替换'key'为你想获取的参数名

3. 使用split方法手动分割查询字符串：

function getQueryParam(key) {
  const query = window.location.search.substring(1);
  const params = query.split('&');
  for (const param of params) {
    const [paramKey, paramValue] = param.split('=');
    if (paramKey === key) {
      return decodeURIComponent(paramValue);
    }
  }
  return '';
}
const value = getQueryParam('key'); // 替换'key'为你想获取的参数名

4. 使用URL接口和searchParams属性（需要浏览器支持）：

const url = new URL(window.location.href);
const value = url.searchParams.get('key'); // 替换'key'为你想获取的参数名

以上四种方法可以根据需要选择使用，通常情况下推荐使用第一种方法，因为它简洁而且使用了现代浏览器内置的URLSearchParams对象。