js怎么获取页面的url地址参数
时间: 2024-02-05 17:11:35 浏览: 27
你可以使用 `window.location.search` 属性获取页面 URL 中的查询字符串(即参数部分),然后使用一些 JavaScript 方法来解析它。例如,你可以使用 `URLSearchParams` 对象来处理查询字符串。
以下是一个示例代码:
```javascript
// 获取查询字符串
const queryString = window.location.search;
// 创建 URLSearchParams 对象
const urlParams = new URLSearchParams(queryString);
// 获取特定参数的值
const paramValue = urlParams.get('paramName');
```
在这个例子中,`queryString` 变量存储了页面 URL 中的查询字符串。然后,我们创建了一个 `URLSearchParams` 对象,并将查询字符串传递给它。最后,我们可以使用 `get()` 方法来获取特定参数的值。
如果你需要获取所有参数的键值对,你可以使用 `entries()` 方法,它返回一个包含所有参数的迭代器对象。以下是一个示例代码:
```javascript
// 获取查询字符串
const queryString = window.location.search;
// 创建 URLSearchParams 对象
const urlParams = new URLSearchParams(queryString);
// 获取所有参数的键值对
for (const [key, value] of urlParams.entries()) {
console.log(`${key}: ${value}`);
}
```
这将打印出所有参数的键值对。