转到另一个页面 JavaScript

在 Web 开发中，经常需要跳转到另一个页面，例如当用户点击一个链接时，应该跳转到目标页面。使用 JavaScript 可以轻松实现页面跳转。本文将介绍跳转到另一个页面的方法及示例代码。

方法一：使用 window.location.href

使用 window.location.href 属性可以实现在当前窗口中跳转到指定的页面。

// 实现在当前窗口中跳转到指定的页面
window.location.href = "https://www.example.com";

上述代码将当前窗口中的 URL 设置为指定的 URL，浏览器将加载新页面并替换当前页面的内容。如果需要在新窗口或标签页中打开指定的页面，可以使用 window.open 方法。

方法二：使用 location.replace

使用 location.replace 方法可以在不产生浏览器历史记录的情况下跳转到指定的页面。这种方法适用于类似登录后跳转页面的场景，可以避免用户点击浏览器后退按钮回到登录页面。

// 在不产生浏览器历史记录的情况下跳转到指定的页面
location.replace("https://www.example.com/home");

上述代码将会立即用指定的 URL 替换当前页面，用户不能返回到前一页。

方法三：使用 location.assign

使用 location.assign 方法可以实现在当前窗口中跳转到指定页面。

// 实现在当前窗口中跳转到指定页面
location.assign("https://www.example.com/about");

上述代码与 window.location.href 方法相同，都是用指定的 URL 替换当前页面。

总结

在 Web 开发中，跳转到其他页面常常是必不可少的功能。以上三种方法可以很容易地实现页面跳转。具体方法的选择可以根据不同的业务场景和需求而定。