js如何获得地址栏的参数

// 假设当前URL为：https://example.com/page.html?name=John&age=30

// 获取当前页面的URL
const url = new URL(window.location.href);

// 使用URLSearchParams解析查询字符串
const params = new URLSearchParams(url.search);

// 获取特定参数的值
const name = params.get('name'); // "John"
const age = params.get('age');   // "30"

console.log(`Name: ${name}, Age: ${age}`);

// 假设当前URL为：https://example.com/page.html?name=John&age=30

// 获取查询字符串部分
const queryString = window.location.search.substring(1); // "name=John&age=30"

// 将查询字符串分割成键值对数组
const paramsArray = queryString.split('&');

// 创建一个对象来存储参数
const params = {};

paramsArray.forEach(param => {
  const [key, value] = param.split('=');
  params[decodeURIComponent(key)] = decodeURIComponent(value);
});

// 获取特定参数的值
const name = params['name']; // "John"
const age = params['age'];   // "30"

console.log(`Name: ${name}, Age: ${age}`);

// 编码参数值
const encodedName = encodeURIComponent('John Doe');
const url = `https://example.com/page.html?name=${encodedName}`;

// 解码参数值
const decodedName = decodeURIComponent(params.get('name'));

// 使用URLSearchParams获取所有同名参数
const params = new URLSearchParams(window.location.search);
const allNames = params.getAll('name'); // ["John", "Doe"]