JavaScript 获取 URL 参数的方法

作者:半夏

时间:2026-10-25

浏览:486

本文介绍如何在 JavaScript 中直接获取 URL 请求参数。通过 window.location.search 提取问号后的字符串,并利用正则表达式解析特定参数值。文中提供了完整的 getUrlParam 函数代码及调用示例,无需后台配合即可在前端实现参数获取。

文章目录

JavaScript 获取 URL 参数详解

除了在后端获取参数值再传递给前端,我们也可以直接在 JavaScript 中处理。若需了解如何获取后台 C# 变量及调用后台方法,可参考相关文章。



实际上,利用 window.location.search 可以直接获取从当前 URL 问号(?)开始的部分字符串。例如,对于链接 ?id=001,该属性返回的 search 值为 ?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") 即可得到 id 参数的值。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章