JavaScript Location 是 window 对象的属性，可获取、设置和操作当前文档的 URL，包括 href、协议、主机名、路径和片段标识符。它允许开发者控制和导航文档的网址，并访问 URL 的各个部分。

什么是 JavaScript Location？

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

具体功能

Location 对象提供了以下功能：

• href：获取或设置当前文档的完整 URL。
• protocol：获取 URL 的协议（例如 "http://" 或 "https://")。
• host：获取主机名和端口号（例如 "www.example.com:80")。
• hostname：获取主机名（例如 "www.example.com")。
• port：获取端口号（例如 "80")。
• pathname：获取文档路径（例如 "/index.html")。
• search：获取查询字符串（例如 "?q=javascript")。
• hash：获取片段标识符（例如 "#section-1")。
• reload()：重新加载当前文档。
• replace()：用新 URL 替换当前 URL，不会在历史记录中创建新的条目。
• assign()：类似于 replace()，但会将新 URL 添加到历史记录中。

代码示例

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

<code class="javascript">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}`);</code>

用途

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

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