js获取地址中get参数
在 JavaScript 中,可以通过 `window.location.search` 获取 URL 中的查询字符串部分(即问号 `?` 后面的内容),然后解析出 GET 参数。
以下是一个简单的示例代码,展示如何获取并解析 URL 中的 GET 参数:
```javascript
function getQueryParams() {
const queryString = window.location.search; // 获取查询字符串部分
const urlParams = new URLSearchParams(queryString); // 使用 URLSearchParams 解析参数
const params = {};
for (const [key, value] of urlParams.entries()) {
params[key] = value;
}
return params;
}
// 调用函数获取参数对象
const queryParams = getQueryParams();
console.log(queryParams);
```
### 示例说明:
假设当前页面的 URL 是:
```
https://example.com/page?name=John&age=25&city=NewYork
```
运行上述代码后,`queryParams` 将会是:
```javascript
{
name: "John",
age: "25",
city: "NewYork"
}
```
### 解释:
1. `window.location.search`:获取 URL 中 `?` 后面的部分,例如 `?name=John&age=25&city=NewYork`。
2. `URLSearchParams`:这是一个内置的构造函数,用于处理查询字符串。它允许我们轻松地遍历和操作参数。
3. `entries()`:返回一个迭代器,包含所有键值对。
这样你就可以方便地获取和使用 URL 中的 GET 参数了!