window.location的用法
时间: 2024-05-02 08:21:04 浏览: 147
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";
```
相关问题
window.location.replace和window.location.herf
这两个方法都可以用来改变当前页面的 URL,但是它们的实现方式不同。
`window.location.href` 是一个属性,可以直接读取或者赋值一个新的 URL 字符串来改变当前页面的 URL。例如:
```
window.location.href = "https://www.example.com";
```
这将会在当前页面中加载一个新的页面,其 URL 为 https://www.example.com。
`window.location.replace` 是一个方法,可以用来将当前页面的 URL 替换为一个新的 URL。例如:
```
window.location.replace("https://www.example.com");
```
这将会在当前页面中加载一个新的页面,其 URL 为 https://www.example.com,并且用户无法通过浏览器的“后退”按钮返回到之前的页面。
因此,如果你想在当前页面中打开一个新的页面并允许用户返回到之前的页面,那么应该使用 `window.location.href`。如果你想在当前页面中打开一个新的页面并禁止用户返回到之前的页面,那么应该使用 `window.location.replace`。
window.location.assign和window.location.href的区别
`window.location.assign` 和 `window.location.href` 都可以用来改变浏览器中当前页面的 URL。
但是它们之间有一些区别:
- `window.location.assign` 会创建新的历史记录条目,而 `window.location.href` 则不会。这意味着,使用 `window.location.assign` 改变页面 URL 后,用户可以使用浏览器的后退按钮返回到之前的页面。而使用 `window.location.href` 改变页面 URL 后,用户就无法使用后退按钮返回到之前的页面了。
- `window.location.assign` 方法可以接受一个字符串参数,表示要加载的新页面的 URL。而 `window.location.href` 属性则是一个只读属性,表示当前页面的 URL。所以,如果要使用 `window.location.href` 改变页面 URL,必须显式地赋值给它,例如:`window.location.href = 'http://example.com'`。
总结一下,`window.location.assign` 可以用来加载新的页面,并且会在浏览器的历史记录中留下痕迹,而 `window.location.href` 则是一个只读属性,表示当前页面的 URL。
阅读全文