JS 窗口重定向

在开发 Web 应用程序时，我们经常需要在用户点击某个链接或提交表单数据之后将用户重定向到另一个页面。在 JavaScript 中，可以使用窗口重定向来实现这一目的。

窗口重定向的方法

以下是实现通过 JavaScript 窗口重定向的几种方法：

使用 window.location.href 属性

窗口重定向最基本的方法是使用 window.location.href 属性。该属性指向当前文档的 URL，并且可以通过设置该属性将文档加载到新的 URL。

以下是一个示例：

// 重定向到新的 URL
window.location.href = 'http://www.example.com/new-page';

使用 window.location.replace() 方法

与 window.location.href 不同，window.location.replace() 方法不会在浏览器历史记录中创建新的条目，并且用户无法通过单击“后退”按钮返回到原始页面。这对于某些应用程序非常有用，例如在用户完成登录后将其重定向到应用程序的主页。

以下是一个示例：

// 重定向到新的 URL
window.location.replace('http://www.example.com/new-page');

使用 window.location.assign() 方法

window.location.assign() 方法与 window.location.href 方法非常相似，也可以将文档加载到新的 URL。但是，assign() 方法允许我们使用 JavaScript 中的字符串拼接来生成动态 URL。

以下是一个示例：

// 生成动态 URL 并重定向到该 URL
var page = 'new-page';
window.location.assign('http://www.example.com/' + page);

总结

通过窗口重定向，我们可以很方便地将用户引导到一个新的 URL，从而实现更好的用户体验或实现一些应用程序逻辑。可以使用 window.location.href 属性、window.location.replace() 方法以及 window.location.assign() 方法来实现窗口重定向。