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
作者最新文章
JavaScript怎么准确判断数据类型:typeof、instanceof与Object.prototype.toString
2026-11-05 17:09:21
JS中将数组和对象混合组装为JSON字符串
2026-11-05 16:41:42
JS运算符优先级与结合性的区别是什么?
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
D3.js 与 ECharts 选型对比:灵活性 vs 开发效率
2026-11-05 09:45:01
