JavaScript 使用 location.search 提取 URL 查询参数

作者:木棉时间:2026-10-28 14:05:44浏览:607

本文介绍如何利用 JavaScript 的 window.location.search 属性获取页面 URL 中的查询参数。通过定义正则表达式匹配规则,封装 GetQueryString 函数,可准确提取指定参数值。示例展示了从 URL 读取 name 参数并进行解码输出的完整流程,经测试验证有效。

通过 location.search 获取 URL 参数

本文主要讲解如何利用 window.location.search 属性来提取页面传递的参数,该方法经测试验证可行。


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_); 
}

测试环节

以 URL abcd.html?name=xyz 为例

预期效果为弹出提示框显示 xyz

作者最新文章