JavaScript 使用参数重定向到 URL

有时候我们需要从一个页面重定向到另一个页面，并且在重定向时传递参数。在 JavaScript 中，我们可以使用 window.location 对象来实现这个功能。

使用 window.location.href

我们可以通过设置 window.location.href 属性来实现重定向。以下是使用 JavaScript 在页面中重定向的示例：

// 重定向到页面
window.location.href = "http://example.com/";

// 重定向到页面并传递参数
window.location.href = "http://example.com/?param1=value1&param2=value2";

在这个示例中，我们首先定义要重定向到的 URL，然后将其赋值给 window.location.href。如果我们想要在重定向时传递参数，我们可以将它们添加到 URL 中。

使用 window.location.replace

除了使用 window.location.href 属性，我们还可以使用 window.location.replace() 方法来实现页面重定向。与 window.location.href 的区别在于，window.location.replace() 方法不会在浏览器的历史记录中创建新的记录，而是替换当前的记录。

以下是使用 JavaScript 在页面中使用 window.location.replace() 方法重定向的示例：

// 替换当前页面
window.location.replace("http://example.com/");

// 替换当前页面并传递参数
window.location.replace("http://example.com/?param1=value1&param2=value2");

使用 location.assign()

除了使用 window.location.href 和 window.location.replace() 方法，我们还可以使用 location.assign() 方法实现页面重定向。与 window.location.href 类似，location.assign() 方法将页面重定向到指定的 URL。

以下是使用 JavaScript 在页面中使用 location.assign() 方法重定向的示例：

// 重定向到页面
location.assign("http://example.com/");

// 重定向到页面并传递参数
location.assign("http://example.com/?param1=value1&param2=value2");

总结

在 JavaScript 中，我们可以使用 window.location 对象的属性和方法来实现页面重定向，并在重定向时传递参数。无论是使用 window.location.href、window.location.replace() 还是 location.assign() 方法，它们都可以达到同样的效果。这些方法的选择取决于我们想要在浏览器的历史记录中创建新记录还是替换当前记录。