JavaScript 重定向到另一个 URL 示例

在 Web 开发过程中，JavaScript 通常用于在浏览器中动态修改网页内容、处理用户输入以及与服务器进行交互。另外，JavaScript 还可以用于重定向到另一个 URL，本文将介绍如何在 JavaScript 中实现重定向。

重定向方法

在 JavaScript 中，可以通过修改 location 对象的属性来实现重定向，具体包括以下两种方式：

方法一：修改 location.href

location.href = 'https://www.example.com/path';

该方式通过修改 location.href 属性值使浏览器重定向到目标 URL。这种方式较为常用，但需要注意，重定向会导致页面完全重新加载，所有 JavaScript 代码都将被重新运行，因此在执行此操作前应该保存当前页面状态，以防止数据丢失。

方法二：修改 location.replace()

location.replace('https://www.example.com/path');

该方式与方法一类似，也是通过修改 location 对象实现重定向，但不同之处在于该方式不会在浏览器的历史记录中保存当前页面，而是直接替换掉当前页面，因此在使用此方法时不应该调用浏览器的“后退”或“前进”按钮。

示例代码

下面是一个简单的示例代码，演示如何在 JavaScript 中实现重定向：

function redirectToExample() {
  location.href = 'https://www.example.com/path';
}

该函数可以作为一个 onclick 事件处理函数，在用户单击页面上的按钮时触发重定向操作：

<button onclick="redirectToExample()">重定向到 Example 页面</button>

结论

本文介绍了两种通过 JavaScript 实现重定向的方法，它们分别是修改 location.href 和 location.replace()。需要注意的是，重定向会导致页面完全重新加载，因此在执行此操作前应该保存当前页面状态，以防止数据丢失。