js取当前页面url参数值

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

// 使用URLSearchParams解析查询参数
const params = new URLSearchParams(currentUrl.search);

// 获取特定参数的值，例如参数名为 'id'
const id = params.get('id');

console.log(id); // 输出参数 'id' 的值，如果不存在则输出 null

function getQueryParamByName(name) {
    const urlParams = new URLSearchParams(window.location.search);
    return urlParams.get(name);
}

// 或者使用以下传统方法
function getQueryParamByName(name) {
    name = name.replace(/[\[\]]/g, '\\$&');
    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 id = getQueryParamByName('id');
console.log(id); // 输出参数 'id' 的值，如果不存在则输出 null