反应重定向到 URL - JavaScript

在编写 JavaScript 程序时，有时需要将用户重定向到另一个页面或 URL。实现此操作的一种常见方法是使用“重定向”功能。JavaScript 提供了一种简单的方法来实现这一点：使用 window.location 对象。

window.location 对象

window.location 对象表示当前文档的 URL，可以用来获取或修改该 URL。以下是该对象的一些属性：

• href：获取或设置完整 URL。
• protocol：获取或设置 URL 的协议部分（例如，“http:”或“https:”）。
• host：获取或设置 URL 的主机名和端口号部分（例如，“www.example.com:80”）。
• hostname：获取或设置 URL 的主机名部分（例如，“www.example.com”）。
• port：获取或设置 URL 的端口号部分（例如，“80”）。
• pathname：获取或设置 URL 的路径部分（例如，“/example/path”）。
• search：获取或设置 URL 的查询字符串部分（例如，“?key=value”）。
• hash：获取或设置 URL 的片段标识符部分（例如，“#section”）。

要重定向到另一个页面或 URL，可以将 window.location.href 属性设置为目标 URL。例如，执行以下代码将页面重定向到 Google 的主页：

window.location.href = "https://www.google.com";

注意，需要将整个 URL（包括协议、主机名、路径等）都包括在引号中。如果只提供 “www.google.com”，则浏览器将认为它是相对路径，并在当前 URL 的基础上进行解析。

window.location.replace() 方法

除了直接修改 window.location.href 属性之外，还可以使用 window.location.replace() 方法实现重定向。这个方法与直接修改 href 的效果相同，但更适合用于在不产生浏览器历史记录的情况下重定向（例如，从登录页面重定向到用户仪表板）。

window.location.replace("https://www.google.com");

总结

JavaScript 提供了简单而强大的方法来实现对 URL 的操作和重定向。使用 window.location 对象和 replace() 方法，可以轻松地将用户重定向到另一个页面或 URL。