js处理url携带的参数
时间: 2024-04-21 22:29:55 浏览: 69
js获取url中携带的参数
在 JavaScript 中,可以使用 `URLSearchParams` 对象来处理 URL 中携带的参数。这个对象提供了一些方法来获取、设置、添加、删除 URL 参数。
例如,假设有一个 URL:`http://www.example.com/index.html?name=John&age=30`。你可以通过以下代码获取 URL 参数:
```
const params = new URLSearchParams(window.location.search);
const name = params.get('name'); // "John"
const age = params.get('age'); // "30"
```
如果你想添加一个新的参数,可以使用 `append` 方法:
```
params.append('gender', 'male');
```
如果你想删除一个参数,可以使用 `delete` 方法:
```
params.delete('age');
```
最后,如果你想将修改后的参数重新设置到 URL 中,可以使用 `window.location.search` 属性:
```
window.location.search = params.toString();
```
阅读全文