JavaScript window.location 对象详解

JavaScript Window Location

引言

在 Web 开发中，window.location 对象是浏览器窗口中的一个重要属性，它提供了访问当前 URL 的接口。理解并正确使用 window.location 对象对于开发动态网页和应用程序至关重要。本文将详细介绍 window.location 对象的属性、方法以及如何在 JavaScript 中操作它们。

window.location 对象概述

window.location 是一个对象，包含了浏览器当前加载页面的 URL 信息。它允许开发者读取和修改 URL，从而实现页面跳转、获取查询参数等功能。

属性

以下是 window.location 对象的一些常用属性：

• href: 返回当前页面的完整 URL。
• protocol: 返回当前页面的协议（例如：http, https）。
• host: 返回当前页面的域名和端口号。
• hostname: 返回当前页面的域名。
• port: 返回当前页面的端口号。
• pathname: 返回当前页面的路径。
• search: 返回当前页面的查询字符串。
• hash: 返回当前页面的片段标识符。

方法

以下是 window.location 对象的一些常用方法：

• assign(url): 加载新的文档。
• replace(url): 用新文档替换当前文档。
• reload(): 重新加载当前文档。