js获取地址中get参数

封面图 • 2025-11-30 • JavaScript

在 JavaScript 中，你可以通过 `window.location.search` 获取 URL 中的 GET 参数，然后对其进行解析。以下是几种常见的方法：

---

### ✅ 方法一：使用 `URLSearchParams`

这是最推荐的方式，现代浏览器都支持。

```javascript
// 获取当前 URL 的查询字符串部分（例如："?name=John&age=30"）
const search = window.location.search;

// 创建 URLSearchParams 对象
const params = new URLSearchParams(search);

// 获取某个参数的值
const name = params.get('name');  // "John"
const age = params.get('age');    // "30"

// 如果参数不存在，会返回 null
const gender = params.get('gender'); // null

// 遍历所有参数
for (const [key, value] of params.entries()) {
  console.log(key + ": " + value);
}
```

---

### ✅ 方法二：手动解析（兼容性更好）

如果你需要兼容旧版浏览器，可以手动解析：

```javascript
function getParams() {
  const params = {};
  const search = window.location.search.substring(1); // 去掉开头的 "?"
  const pairs = search.split('&');

for (let pair of pairs) {
    const [key, value] = pair.split('=');
    params[key] = decodeURIComponent(value || '');
  }

return params;
}

// 使用示例
const params = getParams();
console.log(params.name);  // "John"
console.log(params.age);   // "30"
```

---

### ✅ 方法三：使用 `location` 对象

你也可以直接从 `location` 对象中获取查询参数：

```javascript
const url = new URL(window.location.href);
const params = new URLSearchParams(url.search);

console.log(params.get('name')); // "John"
```

---

### ✅ 示例 URL

假设当前地址是：

```
https://example.com/page?name=John&age=30
```

那么上面的方法都会得到：

- `name`: `"John"`
- `age`: `"30"`

---

如果你有更复杂的需求（比如处理多个相同名称的参数、编码解码等），也可以告诉我，我可以帮你进一步扩展代码。

js获取地址中get参数