JavaScript 提取 URL 查询参数的实现方法

作者:纸飞机时间:2026-10-28 09:49:05浏览:129

本文介绍如何使用 JavaScript 提取 URL 中问号后的参数值。通过 location.search 获取完整查询字符串,利用 indexOf 判断是否存在参数,再使用 substr 和 split 方法按分隔符拆分并解析键值对,最终存入对象以便按需读取指定参数。

以上即为完整的代码示例。

JavaScript 提取 URL 查询参数的实现方法

具体实现代码如下所示:

 
首先,通过 location.search 属性获取当前 URL 中问号(?)及其后面的查询字符串部分,并将其赋值给变量 url。
接着,声明一个变量 ename 用于存储最终获取到的特定参数值。
同时,初始化一个空对象 Request,用于存储解析后的所有键值对。
判断 url 字符串中是否包含问号("?"),如果 indexOf("?") 返回值不等于 -1,说明存在查询参数,则进入解析逻辑。
{ 
使用 substr(1) 方法截取掉问号本身,得到纯参数字符串 str。
将 str 按照分隔符 "&" 进行拆分,得到包含各个参数键值对的数组 strs。
遍历 strs 数组,从索引 0 开始直到数组长度。
{ 
Request[strs[i].split("=")[0]]=(strs[i].split("=")[1]);
} 
} 
循环结束后,通过 Request["ename"] 即可获取名为 ename 的参数值,并赋值给变量 ename。

假设当前 URL 为:http://www.medivh.com?ename=right



执行上述代码后,获取到的 ename 变量值即为:right。

作者最新文章