Location 对象


Location 对象

Location对象代表当前窗口中加载的文档的URL。该对象会自动创建并应用于window对象,主要用于获取URL的信息。

属性

href

**类型:**字符串

**描述:**返回完整URL,包括协议、主机名、路径和查询字符串。

console.log(location.href); // https://www.baidu.com/s?wd=hello&oq=hell&aqs=chrome.0.69i59j69i60j0l4j69i60.2769j1j7&sourceid=chrome&ie=UTF-8

host

**类型:**字符串

**描述:**返回主机名及其端口号。

console.log(location.host); // www.baidu.com

hostname

**类型:**字符串

**描述:**返回主机名,不包括端口号。

console.log(location.hostname); // www.baidu.com

origin

**类型:**字符串

**描述:**返回文档的协议、主机名及其端口号。

console.log(location.origin); // https://www.baidu.com

pathname

**类型:**字符串

**描述:**返回URL中的路径部分。

console.log(location.pathname); // /s

port

**类型:**字符串

**描述:**返回URL中的端口号。

console.log(location.port); // 

protocol

**类型:**字符串

**描述:**返回URL中的协议部分。

console.log(location.protocol); // https:

**类型:**字符串

**描述:**返回URL的查询部分,即问号后面的内容。

console.log(location.search); // ?wd=hello&oq=hell&aqs=chrome.0.69i59j69i60j0l4j69i60.2769j1j7&sourceid=chrome&ie=UTF-8

方法

assign(url)

**描述:**将当前窗口的内容加载到指定的URL。

location.assign('https://www.baidu.com'); // 跳转到百度首页

reload()

**描述:**重新加载当前网页。

location.reload(); // 重新加载当前网页

replace(url)

**描述:**替换当前窗口的内容为指定的URL。

location.replace('https://www.google.com'); // 跳转到谷歌首页,并且无法返回上一页

总结

Location对象包含了当前窗口中加载文档的URL信息,可以根据需要获取或修改URL的不同部分。同时,Location对象也提供了多种方法,可以方便地操作当前窗口的URL。我们可以通过使用Location对象,轻松实现页面跳转、重新加载以及URL替换等功能。