最新历史版本 :location对象 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

Location 对象包含有关当前 URL 的信息。 Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。

在JavaScript中,`Location`对象包含了当前URL的信息。它是`Window`对象的一个部分,可以通过`window.location`属性来访问。`Location`对象表示与其关联的对象的位置(URL)。对其进行的更改会反映在与其相关的对象上。`Document`和`Window`接口都有这样的`Location`,可以通过`Document.location`和`Window.location`分别访问[Source 1](https://developer.mozilla.org/en-US/docs/Web/API/Location)。


`Location`对象有许多属性,可以用来获取URL的各个部分的信息:


- `location.href`:返回当前页面的URL。

- `location.protocol`:返回页面使用的网络协议(如http:或https:)。

- `location.hostname`:返回页面的域名。

- `location.pathname`:返回页面的路径和文件名。

- `location.port`:返回页面的端口号。

- `location.search`:返回URL的查询字符串部分。

- `location.hash`:返回URL的锚部分。


此外,`Location`对象还有一些方法,可以用来操作URL:


- `location.assign(url)`:加载新的文档。

- `location.reload()`:重新加载当前文档。

- `location.replace(url)`:用新的文档替换当前文档,并将新文档添加到浏览器的历史记录中。


例如,以下代码展示了如何使用`Location`对象获取和修改URL:


```javascript

console.log(window.location.href); // 打印当前页面的URL

window.location.href = "https://www.example.com"; // 跳转到新的页面

```


需要注意的是,`Location`对象的一些属性和方法可能会受到浏览器的安全限制,例如,如果当前页面是通过HTTPS加载的,那么`Location`对象的一些方法可能无法用于加载非HTTPS的URL。此外,由于安全原因,一些方法(如`location.replace()`)在某些情况下可能无法工作[Source 0](https://www.w3schools.com/jsref/obj_location.asp)。

2. 常用属性编辑

属性
说明
hash设置或返回从#开始的 URL
host设置或返回主机名和当前 URL 的端口号
hostname设置或返回当前 URL 的主机名
href设置或返回完整的 URL
pathname设置或返回当前 URL 的路径部分
port设置或返回当前 URL 的端口号
search设置或返回从?开始的 URL (查询部分)

3.常用方法编辑

方法
说明
assign()载入一个新的文档
reload()重新载入当前文档
replace()用新的文档替换当前文档