在JavaScript中，`window.location` 和 `document.location` 都是用来访问和操作当前页面URL的对象，但它们之间存在一些关键性的区别。理解这些差异对于精确地控制页面导航和处理URL参数至关重要。
`document.location` 实际上是 `window.location` 的一个快捷方式或者说是别名。这意味着对 `document.location` 的任何修改都会影响到 `window.location`，反之亦然。然而，重要的是要记住，`document.location` 不是一个完整的对象，它只是一个指向 `window.location` 的链接。因此，尽管你可以通过 `document.location` 来读取URL的相关信息，但当你尝试赋值或更改URL时，实际上是在操作 `window.location`。
`window.location` 是一个完整的对象，提供了丰富的属性和方法来处理URL。以下是一些主要的属性：
1. **`window.location.href`**：这个属性包含整个URL字符串。你可以设置它的值来重定向到一个新的页面。
2. **`window.location.protocol`**：返回URL的协议部分，如 "http:" 或 "https:"。
3. **`window.location.host`**：返回URL的主机名和端口号，如 "www.example.com:80"。
4. **`window.location.hostname`**：只返回URL的主机名，不包括端口号，如 "www.example.com"。
5. **`window.location.port`**：返回URL的端口号，如果没有指定则为空字符串。
6. **`window.location.pathname`**：返回URL的路径部分，例如 "/path/to/page"。
7. **`window.location.search`**：返回URL的查询字符串，即问号 "?" 后面的部分，如 "?key=value"。
8. **`window.location.hash`**：返回URL的片段标识符，即井号 "#" 后面的部分，通常用于页面内的锚点定位。
在实际应用中，`window.location` 的这些属性可以用于解析、修改和重定向URL。例如，如果你想在用户点击按钮后跳转到新的页面，可以使用 `window.location.href = 'new_page.html'`。如果你想获取URL参数，可以利用 `window.location.search` 并使用JavaScript进行解析。
至于 `document.location`，虽然在很多情况下可以与 `window.location` 互换使用，但因为它不是一个完整对象，所以在某些复杂操作中可能会遇到限制。例如，如果你想要直接修改URL的某个特定部分，最好直接操作 `window.location` 的相应属性。
`window.location` 和 `document.location` 在JavaScript中都与当前页面的URL紧密相关，但 `window.location` 提供了更全面的功能，允许你以更精细的方式处理URL。在编程时，建议优先使用 `window.location` 以确保兼容性和功能完整性。
