js url参数

// 获取 URL 参数的示例代码

function getUrlParams() {
  // 创建一个对象用于存储参数
  let params = {};

  // 获取当前页面的 URL 中的查询字符串部分
  let queryString = window.location.search.slice(1);

  // 如果有查询字符串，则进行解析
  if (queryString) {
    // 将查询字符串按 '&' 分割成多个键值对
    let pairs = queryString.split('&');

    for (let pair of pairs) {
      // 将每个键值对按 '=' 分割成键和值
      let [key, value] = pair.split('=');

      // 解码并存储到对象中
      params[decodeURIComponent(key)] = decodeURIComponent(value || '');
    }
  }

  return params;
}

// 示例：假设当前 URL 是 https://example.com/?name=John&age=30
let params = getUrlParams();
console.log(params); // 输出: { name: "John", age: "30" }

解释说明：

• window.location.search 获取当前页面 URL 中的查询字符串部分（包括问号 ?）。
• slice(1) 去掉查询字符串中的问号。
• split('&') 将查询字符串分割成多个键值对。
• split('=') 将每个键值对分割成键和值。
• decodeURIComponent() 用于解码 URL 编码的字符，确保获取到正确的参数值。

如果 URL 中没有查询参数，getUrlParams() 函数将返回一个空对象。