JavaScript 获取 URL 参数的方法

Mason

发布时间：2026-10-15| 6人浏览过

原创

本文介绍了如何在 JavaScript 中直接解析当前页面 URL 携带的查询参数，无需依赖后端接口或 Cookie，适用于前端快速读取路由状态的场景。

使用原生 API 解析

在浏览器环境中，最直接的获取方式是通过 window.location 对象访问当前页面的地址信息。其中 .search 属性包含了 URL 问号（?）之后的所有查询字符串部分，例如对于链接 ?id=001，该属性将返回完整后缀。

通过编写一个简单的正则匹配函数，可以从杂乱的查询字符串中提取出指定名称的参数值：

复制代码代码如下:

function getUrlParam(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null)
        return unescape(r[2]);
    return null;
}

调用上述封装的方法时只需传入目标参数名即可，例如 getUrlParam('id')。此方法利用正则精准定位，能处理多种参数排列组合，是传统且稳定的取值方案。

完成判断与风险提示

判断依据：如果目标参数存在，函数会返回其对应的字符串值；若不存在则返回 null。
编码问题：原代码保留了 unescape() 处理中文等特殊字符解码的需求。但在现代开发中，建议使用更标准的 decodeURIComponent() 来替代 unescape，以获得更好的兼容性。

以上就是 JavaScript 获取请求URL参数的详细内容，更多关于 JavaScript URL参数解析的资料请关注本站其它相关文章！