Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 获取地址参数

作者:冷轩长风   发布日期:2025-12-22   浏览:53

// 获取 URL 中的查询参数并解析为对象
function getQueryParams() {
  // 获取当前页面的 URLSearchParams 对象
  const params = new URLSearchParams(window.location.search);
  // 创建一个空对象用于存储解析后的参数
  const queryParams = {};

  // 遍历所有参数并存入对象中
  for (const [key, value] of params.entries()) {
    queryParams[key] = value;
  }

  // 返回解析后的查询参数对象
  return queryParams;
}

// 示例:假设当前页面 URL 为 http://example.com/?name=John&age=30
// 调用 getQueryParams() 将返回 { name: "John", age: "30" }
console.log(getQueryParams());

解释说明:

  1. URLSearchParams 是一个内置的对象,它可以方便地处理 URL 查询字符串。
  2. window.location.search 返回当前页面 URL 中的查询字符串部分(包括 ?)。
  3. params.entries() 返回一个迭代器,可以遍历所有的键值对。
  4. 最终将解析后的查询参数存储在一个对象中并返回。

上一篇:js 获取元素

下一篇:js 获取页面宽度

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站