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