JavaScript 解析 URL 查询参数的方法

作者:函数茶馆

时间:2026-10-28

浏览:174

本文介绍在 JavaScript 中如何获取 URL 问号后的字符串并解析查询参数。通过 location.search 获取原始字符串,利用 substr 和 split 方法按分隔符拆分,最终构建包含键值对的对象。该方法适用于需要手动处理 URL 参数的场景,代码展示了完整的解析逻辑。

文章目录

JavaScript 解析 URL 查询参数的方法

例如 URL 地址为 index.php?id=123


具体实现代码如下:

 
<script type="text/javascript">
function GetRequest() {
var url = location.search; // 获取 url 中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for ( var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
} 
} 
return theRequest;
} 
var Request=undefined;
Request=GetRequest();
var id=Request["id"];
</script>

实用工具推荐

电子包浆

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

使用 ›
图片压缩

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

使用 ›
相关文章