JavaScript 获取 URL 参数的方法
发布时间：2026-10-15 |
4人浏览过
本文介绍了如何在 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，以获得更好的兼容性。
本站声明
本文内容仅供参考，不代表本站观点。转载或引用请注明出处。如发现内容问题，请通过联系我们页面反馈。
