window.location.search用法
时间: 2023-04-22 14:04:18 浏览: 150
window.location.search是JavaScript中的一个属性,用于获取当前页面URL中的查询字符串部分。查询字符串是指URL中问号后面的部分,包含一系列以键值对形式出现的参数,多个参数之间用&符号连接。例如,对于以下URL:
http://www.example.com/index.html?id=123&name=John
window.location.search将返回字符串"?id=123&name=John",可以通过解析这个字符串来获取URL中的参数值。
相关问题
vue window.location.search
`window.location.search` 是 JavaScript 中用于获取当前页面 URL 中的查询字符串部分(即问号后面的部分)的属性。它返回一个字符串,包含所有查询参数和它们的值,但不包括问号。
例如,如果当前页面的 URL 是 `https://www.example.com/search?q=javascript&page=1`,则 `window.location.search` 的值将是 `?q=javascript&page=1`。
在 Vue 中,你可以在组件的 JavaScript 代码中使用 `window.location.search` 来获取当前页面 URL 中的查询字符串。例如,你可以使用以下代码获取 `id` 参数的值:
```javascript
// 假设当前页面 URL 是 https://www.example.com/item?id=123
export default {
mounted() {
const searchParams = new URLSearchParams(window.location.search);
const itemId = searchParams.get('id');
console.log(itemId); // 输出 "123"
}
}
```
这里使用了 `URLSearchParams` 对象来解析查询字符串并获取参数的值。`URLSearchParams` 是一个内置对象,它提供了一些方便的方法来处理查询字符串。
window.location的用法
window.location是JavaScript中的一个对象,它包含了当前窗口中当前页面的URL地址信息。可以使用它来获取或设置当前窗口的URL地址。
常用的window.location的用法如下:
1. 获取当前页面的URL地址:
```
var url = window.location.href;
```
2. 获取当前页面的协议类型:
```
var protocol = window.location.protocol;
```
3. 获取当前页面的主机名和端口号:
```
var host = window.location.host;
```
4. 获取当前页面的主机名:
```
var hostname = window.location.hostname;
```
5. 获取当前页面的路径部分:
```
var pathname = window.location.pathname;
```
6. 获取当前页面的查询部分(即URL中的参数部分):
```
var search = window.location.search;
```
7. 获取当前页面的哈希部分:
```
var hash = window.location.hash;
```
8. 设置当前页面的URL地址:
```
window.location.href = "http://www.example.com";
```