js中location.search的有哪些作用
在JavaScript中,`location.search`用于获得URL中的查询参数部份。查询参数是URL中问号(?)后面的部份,包括一个或多个键值对,每一个键值对由等号(=)连接。
例如,对以下URL:
```
https://www.example.com/search?query=apple&category=fruit
```
`location.search`将返回`?query=apple&category=fruit`。
可使用`location.search`来获得URL中的查询参数,并进一步处理或使用这些参数。可使用字符串操作方法(如`split()`和`substring()`)来解析和提取查询参数的键和值。
以下是读取查询参数的示例:
```javascript
const queryString = location.search.slice(1); // 去除第一个问号
const params = new URLSearchParams(queryString);
params.forEach((value, key) => {
console.log(`${key}: ${value}`);
});
// 输出:
// query: apple
// category: fruit
```
在上面的示例中,首先使用`slice(1)`方法去除查询参数字符串的第一个问号。然后,使用`URLSearchParams`构造函数将查询参数字符串转换为一个`URLSearchParams`对象。最后,使用`forEach`遍历`URLSearchParams`对象中的每一个键值对,并打印出键和值。
通过使用`location.search`,我们可以轻松地获得URL中的查询参数,并根据需要进行进一步处理。
TOP