JS中获取url中的参数

获取url地址所携带的参数可以用以下方法

方法一：使用new URL（推荐）

// 将本地的url转化为URL对象  http://localhost/index?paramOne=123asd&paramtwo=fxis
const urlObj = new URL(window.location.href)
const paramOneVal = urlObj.searchParams.get('paramOne')
console.log(paramOneVal)  //输出：123asd

方法二：使用正则表达式

function getURLParameter(url, paramName) {
  const regex = new RegExp(`[?&]${paramName}=([^&#]*)`, 'i');
  const match = url.match(regex);
  return match ? decodeURIComponent(match[1]) : null;
}

const url = 'https://example.com/?name=John&age=30';
const name = getURLParameter(url, 'name');
const age = getURLParameter(url, 'age');

console.log('Name:', name); // 输出：John
console.log('Age:', age);   // 输出：30