html获取url参数
时间: 2023-11-10 19:48:33 浏览: 39
可以使用 JavaScript 中的 `window.location.search` 属性来获取 URL 中的查询参数部分,然后再解析成对象或数组。
例如,如果 URL 是这样的:`http://www.example.com/?param1=value1¶m2=value2`
那么可以使用以下代码来获取参数:
```javascript
const queryString = window.location.search;
console.log(queryString); // 输出: "?param1=value1¶m2=value2"
```
然后可以将查询参数解析成对象:
```javascript
const params = new URLSearchParams(queryString);
console.log(params.get('param1')); // 输出: "value1"
console.log(params.get('param2')); // 输出: "value2"
```
或者解析成数组:
```javascript
const paramsArray = queryString.slice(1).split('&');
console.log(paramsArray); // 输出: ["param1=value1", "param2=value2"]
```
需要注意的是,如果查询参数中包含中文或特殊字符,可能需要进行编码或解码。可以使用 `encodeURIComponent()` 和 `decodeURIComponent()` 方法来处理。