什么是 JavaScript Location？

JavaScript Location 是 window 对象的一个属性，它提供了当前文档的 URL 以及与之关联的信息。它允许你获取、设置和操作当前文档的地址。

具体功能

Location 对象提供了以下功能：

href：获取或设置当前文档的完整 URL。

protocol：获取 URL 的协议（例如 “” 或 “”)。

host：获取主机名和端口号（例如 “:80”)。

hostname：获取主机名（例如 “”)。

port：获取端口号（例如 “80”)。

pathname：获取文档路径（例如 “/index.html”)。

search：获取查询字符串（例如 “?q=javascript”)。

hash：获取片段标识符（例如 “#section-1”)。

reload()：重新加载当前文档。

replace()：用新 URL 替换当前 URL，不会在历史记录中创建新的条目。

assign()：类似于 replace()，但会将新 URL 添加到历史记录中。

代码示例

以下代码示例演示了如何使用 Location 对象：

console.log(`完整 URL：${location.href}`);
console.log(`协议：${location.protocol}`);
console.log(`主机名和端口号：${location.host}`);
console.log(`主机名：${location.hostname}`);
console.log(`端口号：${location.port}`);
console.log(`文档路径：${location.pathname}`);
console.log(`查询字符串：${location.search}`);
console.log(`片段标识符：${location.hash}`);

用途

Location 对象在 web 开发中非常有用，它可以用于以下目的：

获取当前文档的 URL。
导航到新 URL。
更改当前文档的 URL。
访问 URL 的各个部分（协议、主机名、路径等）。