js获取地址栏url参数

// 假设当前URL为 "http://example.com/?name=John&age=30"

// 获取查询字符串
const queryString = window.location.search;

// 创建URLSearchParams对象
const urlParams = new URLSearchParams(queryString);

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

console.log(name, age);

function getQueryParamByName(name) {
    const regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)');
    const results = regex.exec(window.location.href);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, ' '));
}

// 使用示例
const name = getQueryParamByName('name'); // "John"
const age = getQueryParamByName('age');   // "30"

console.log(name, age);

function getQueryParams() {
    const queryString = window.location.search.substring(1);
    const params = new Map();
    queryString.split('&').forEach(param => {
        const [key, value] = param.split('=');
        params.set(decodeURIComponent(key), decodeURIComponent(value || ''));
    });
    return params;
}

// 使用示例
const params = getQueryParams();
const name = params.get('name'); // "John"
const age = params.get('age');   // "30"

console.log(name, age);