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

js 获取链接参数

作者:洮娦ゞ   发布日期:2025-02-07   浏览:364

// 获取链接参数的示例代码

function getQueryParams() {
  // 使用URLSearchParams来解析查询字符串
  const queryParams = new URLSearchParams(window.location.search);
  const params = {};

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

  return params;
}

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

解释说明:

  1. URLSearchParams 是一个内置对象,用于解析查询字符串(即URL中的?后面的部分)。
  2. window.location.search 返回当前页面URL的查询字符串部分(包括?符号)。
  3. queryParams.entries() 返回一个迭代器,可以遍历所有的键值对。
  4. params[key] = value 将每个键值对存储到一个对象中,方便后续使用。

这样你就可以轻松获取并使用URL中的查询参数了。

上一篇:js url下载

下一篇:js array.from

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 获取今天年月日

js jsonp

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

Laravel 中文站