重定向浏览器 JavaScript

重定向是将用户的浏览器从当前URL地址重定向到一个新URL地址的过程。这在 web 开发中经常用到，例如在用户登录成功后将用户重定向到他们之前访问的页面。

重定向可以通过在服务器端配置 HTTP 头部，或者在浏览器端使用 JavaScript 来实现。在本文中，我们将讨论如何使用 JavaScript 实现重定向。

window.location 对象

JavaScript 提供了 window.location 对象来操作浏览器的 URL。这个对象有许多属性，包括 href 、 protocol 、 hostname 、 pathname 和 search 。我们可以通过修改这些属性来实现重定向。

例如，以下代码将浏览器重定向到 http://www.example.com ：

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

我们也可以只修改其中的某些属性，如下例将浏览器重定向到当前 URL 的另一个路径：

window.location.pathname = "/new/path";

重定向的方法

使用 JavaScript 来实现重定向时，有两种方法可选：使用 location.href 或者使用 location.replace() 。

使用 location.href

使用 location.href 会在浏览器的历史记录中留下记录，并且用户可以使用浏览器的“后退”按钮返回到之前访问的页面。

以下代码将浏览器重定向至 http://www.example.com 并留下历史记录：

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

使用 location.replace()

使用 location.replace() 会在浏览器的历史记录中删除当前页面，并且用户不能通过“后退”按钮返回到之前访问的页面。

以下代码将浏览器重定向至 http://www.example.com 并删除历史记录：

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

结论

JavaScript 提供了 window.location 对象来实现重定向。我们可以通过修改 location.href 或者使用 location.replace() 来实现重定向。使用哪种方式取决于我们是否希望在浏览器的历史记录中保留记录。