window.location

window.location 是 JavaScript 中的一个对象，它包含当前浏览器窗口中加载的文档的信息。它具有多个属性，例如：

- `window.location.href`：当前页面的 URL。
- `window.location.protocol`：URL 的协议部分，例如 "https:"。
- `window.location.host`：URL 的主机部分，包括端口号。
- `window.location.pathname`：URL 的路径部分，不包括主机和查询参数。
- `window.location.search`：URL 的查询参数部分，包括 "?" 符号。
- `window.location.hash`：URL 的锚点部分，包括 "#" 符号。

您可以使用这些属性来获取当前页面的 URL 以及其他相关信息，也可以使用它们来改变当前页面的 URL。例如，您可以使用 `window.location.href` 属性来将浏览器重定向到另一个 URL，如下所示：

window.location.href = 'https://www.example.com';

相关问题

前端window.location

前端的`window.location`是一个全局对象，它代表了当前浏览器窗口或标签页的URL信息。这个对象提供了许多属性和方法，用于获取、设置或操作当前网页的地址，例如：

1. `location.href`: 返回完整的URL，包括协议、域名、路径和查询字符串。
2. `location.protocol`: 获取当前页面使用的协议（如http或https）。
3. `location.host`: 获取主机名（包括协议端口）。
4. `location.hostname`: 获取仅主机名部分。
5. `location.port`: 如果有指定的端口，返回该端口号；否则为""。
6. `location.pathname`: 获取资源的路径部分。
7. `location.search`: 获取查询字符串，通常以 "?" 开始。
8. `location.hash`: 获取锚点（#后面的片段），常用于内部链接。

你可以通过修改`location`的对象来改变窗口的位置，比如跳转到新的URL、添加查询参数等。常见的用法有`window.location.assign(url)`和`window.location.replace(url)`。不过要注意，`replace`会替换当前历史记录，而`assign`则会在历史记录中添加一条新记录。

window.location.href 与 window.location.replace 的区别是什么？

window.location.href 与 window.location.replace 都是用于页面跳转的方法，它们的区别在于：

1. window.location.href 会将新页面加载到浏览器的历史记录中，用户可以通过浏览器的后退按钮返回上一个页面。而 window.location.replace 则不会在浏览器的历史记录中留下新页面的记录，用户无法通过后退按钮返回到新页面之前的页面。

2. window.location.href 可以在当前页面打开链接，也可以在新窗口或者标签页中打开链接。而 window.location.replace 只能在当前页面打开链接。

因此，如果需要在当前页面打开一个新页面并且需要保留浏览器的历史记录，则应该使用 window.location.href；如果需要在当前页面打开一个新页面并且不希望浏览器的历史记录中留下新页面的记录，则应该使用 window.location.replace。