js 获取url参数

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

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

  // 获取当前页面的查询字符串部分，并去除开头的问号(?)
  let queryString = window.location.search.slice(1);

  // 如果查询字符串不为空，则进行解析
  if (queryString) {
    // 使用 & 分割每个参数对，然后使用 = 分割键和值
    queryString.split('&').forEach(function (pair) {
      let [key, value] = pair.split('=');
      // 解码并赋值给 params 对象
      params[decodeURIComponent(key)] = decodeURIComponent(value || '');
    });
  }

  return params;
}

// 示例：假设当前页面 URL 为 http://example.com/?name=John&age=30
console.log(getQueryStringParams()); 
// 输出: { name: "John", age: "30" }

解释说明：

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