js 获取url ?后面的参数

作者：以往的帅哥发布日期:2025-05-04 浏览:23

// 获取 URL 中 ? 后面的参数并解析为对象
function getQueryParams() {
    // 获取当前页面的 URLSearchParams 对象，它包含了查询字符串参数
    const params = new URLSearchParams(window.location.search);
    // 创建一个空对象用于存储解析后的参数
    const result = {};
    // 遍历所有参数键值对，并存入 result 对象中
    for (const [key, value] of params.entries()) {
        result[key] = value;
    }
    return result;
}

// 示例：假设当前 URL 是 https://example.com/?name=John&age=30
// 调用 getQueryParams() 将返回 { name: "John", age: "30" }

这段代码通过 URLSearchParams API 来获取并解析 URL 中的查询参数。window.location.search 返回的是 URL 中从 ? 开始的查询字符串部分，然后通过 URLSearchParams 对象的方法来遍历和提取参数名和对应的值。

上一篇：js url 解码

下一篇：js 获取 url 参数