JS 重定向到相对 URL - JavaScript

在 Web 开发中，有时候我们需要重定向到另外一个 URL。在 JavaScript 中，可以通过 window.location 对象来实现重定向的功能。本文将介绍如何使用 JavaScript 实现重定向到相对 URL 的功能。

使用 window.location.href

我们可以使用 window.location.href 属性来实现重定向到相对 URL 的功能。该属性包含了当前页面的 URL，当我们给该属性赋值一个新的 URL 时，页面会自动跳转到该 URL。

下面是一段示例代码：

window.location.href = 'http://example.com/new-page';

上述代码将当前页面重定向到 http://example.com/new-page URL。需要注意的是，该 URL 必须是一个绝对 URL 或者与当前页面的 URL 相同域的相对 URL。

使用 window.location.assign

除了使用 window.location.href 属性外，还可以使用 window.location.assign 方法实现重定向到相对 URL 的功能。该方法也会将页面重定向到一个新的 URL。

下面是一段示例代码：

window.location.assign('/new-page.html');

上述代码将当前页面重定向到相对 URL /new-page.html。需要注意的是，该方法的参数必须是一个相对 URL，不能是一个绝对 URL。

使用 window.location.replace

在使用 window.location.href 和 window.location.assign 时，浏览器会将新的 URL 添加到浏览器的历史记录中。如果用户点击浏览器的返回按钮，会返回到重定向前的页面。如果我们想要避免这种行为，可以使用 window.location.replace 方法。

下面是一段示例代码：

window.location.replace('/new-page.html');

上述代码将当前页面重定向到相对 URL /new-page.html，并且在浏览器的历史记录中不会记录重定向前的页面。

总结

在 JavaScript 中，我们可以使用 window.location 对象的属性和方法实现重定向到相对 URL 的功能。其中，最常用的是 window.location.href 属性和 window.location.assign 方法，如果需要避免新的 URL 被添加到浏览器历史记录中，可以使用 window.location.replace 方法。需要注意的是，URL 必须是一个相对 URL 或者与当前页面的 URL 相同域的绝对 URL。