如何用 JavaScript 获取 URL 参数214

在 JavaScript 中获取 URL 参数是一个常见的需求，用于获取用户在 URL 中传入的信息。本文将详细介绍如何使用 JavaScript 获取 URL 参数，包括多种方法和示例。## 方法一：使用 ``

最简单的方法是使用 `` 属性，它返回包含 URL 中所有查询参数的字符串。例如，对于 URL `/page?id=123&name=John`，`` 的值为 `"?id=123&name=John"`。```javascript
const searchParams = ;
(searchParams); // ?id=123&name=John
```
## 方法二：使用 `URLSearchParams`

`URLSearchParams` 接口提供了更复杂的方法来处理查询参数。它可以创建、获取和设置参数，并以更易读的方式呈现参数。```javascript
const url = new URL('/page?id=123&name=John');
const searchParams = ;
(('id')); // 123
(('id')); // [ '123' ]
```
## 方法三：使用正则表达式

可以使用正则表达式从 URL 中提取参数。虽然这种方法相对复杂，但它提供了一种更灵活的方式来处理复杂的查询字符串。```javascript
const url = '/page?id=123&name=John';
const regex = /(^|&)(id|name)=([^&]*)(&|$)/g;
const matches = (regex);
(matches[1]); // id=123
(matches[3]); // 123
```
## 获取单个参数

如果只关心特定参数的值，可以使用以下方法：

方法一：使用 ``
```javascript
const searchParams = ;
const id = (('id=') + 3);
(id); // 123
```

方法二：使用 `URLSearchParams`
```javascript
const url = new URL('/page?id=123&name=John');
const searchParams = ;
(('id')); // 123
```

方法三：使用正则表达式
```javascript
const url = '/page?id=123&name=John';
const regex = /(^|&)(id|name)=([^&]*)(&|$)/g;
const matches = (regex);
(matches[3]); // 123
```
## 结论