使用 JavaScript 重定向到另一个页面

在 Web 开发中，我们经常需要将用户重定向到另一个页面。在 JavaScript 中，我们可以使用 window.location 对象来实现页面重定向。

通过修改 window.location.href 实现页面重定向

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

上述代码会将当前页面重定向到 http://www.example.com。

通过修改 window.location.replace() 实现页面重定向

window.location.replace('http://www.example.com');

上述代码会将当前页面重定向到 http://www.example.com。与修改 window.location.href 不同的是，使用 window.location.replace() 会导致浏览器历史记录中不再保留当前页面，点击浏览器的“后退”按钮也无法回到当前页面。

通过修改 window.location.assign() 实现页面重定向

window.location.assign('http://www.example.com');

上述代码会将当前页面重定向到 http://www.example.com。与修改 window.location.href 类似，使用 window.location.assign() 会将重定向后的 URL 添加到浏览器历史记录中，可以通过点击浏览器的“后退”按钮返回到前一个页面。

通过定时器实现页面重定向

setTimeout(function() {
  window.location.href = 'http://www.example.com';
}, 5000);

上述代码会在 5 秒钟后将当前页面重定向到 http://www.example.com。使用定时器可以实现延迟重定向的效果，适合用于倒计时、自动跳转等场景。

以上就是使用 JavaScript 重定向到另一个页面的方法介绍，开发者可以根据具体需求选择相应方法。