JavaScript 通过 URL 获取参数的方法

作者：函数茶馆

时间：2026-10-28

本文介绍利用 window.location.search 结合正则表达式在 JavaScript 中提取 URL 参数的方法。通过定义 GetQueryString 函数匹配查询字符串，并使用 decodeURIComponent 解码参数值，可准确获取如 name=xyz 等传入数据，经测试该方法有效。

文章目录

获取页面参数的核心方法

本文主要讲解如何利用 window.location.search 来获取页面传递的参数，经过实际测试验证，该方法是可行的。

GetQueryString 函数实现


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

var sname = GetQueryString("name"); 
if(sname!=null) 
{ 
var sname_ = decodeURIComponent(sname); 
alert(sname_); 
}

接下来进行具体测试演示。

假设访问的页面地址为 abcd.html?name=xyz。

执行相关逻辑后，预期结果应当弹出显示 xyz。