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

作者:木棉

时间:2026-10-28

浏览:606

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

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章