JavaScript 通过 URL 获取参数的方法

作者:函数茶馆时间:2026-10-28 14:01:18浏览:391

本文介绍利用 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。

作者最新文章