在现代Web开发中，`window.location` 是一个非常重要的属性，它提供了当前文档位置的信息，并允许我们动态地改变这个位置。掌握 `window.location` 的使用方法对于开发者来说至关重要。下面，我们将详细探讨它的各个属性和方法，帮助你更好地理解和运用这个强大的工具。
- href 📄：获取或设置整个URL。
- 示例：`window.location.href = 'https://www.example.com';`
- protocol 🔒：获取或设置URL协议部分（例如http: 或 https:）。
- 示例：`console.log(window.location.protocol); // 输出 "https:"`
- hostname 🏙️：获取或设置URL中的主机名。
- 示例：`console.log(window.location.hostname); // 输出 "www.example.com"`
- port 🔧：获取或设置URL中的端口号。
- 示例：`console.log(window.location.port); // 输出 "443"`
- pathname ➡️：获取或设置URL中的路径名。
- 示例：`window.location.pathname = '/home';`
- search 🔎：获取或设置URL中的查询字符串（包括问号）。
- 示例：`console.log(window.location.search); // 输出 "?q=web"`
- hash 🔑：获取或设置URL中的片段标识符（即后面的文本）。
- 示例：`window.location.hash = 'section1';`
通过这些属性，我们可以轻松地获取和修改浏览器地址栏中的信息，从而实现页面跳转、刷新等功能。希望这篇简短的介绍能帮助你更高效地使用 `window.location`！