使用 JavaScript 转到另一个页面

在 Web 开发中，我们经常需要将用户从当前页面转到另一个页面。这可以通过 JavaScript 实现。

使用 window.location.href

window.location.href 属性可以获取当前页面的 URL，也可以将浏览器跳转到另一个 URL。例如，我们可以将当前页面跳转到 http://www.example.com/page2.html：

window.location.href = 'http://www.example.com/page2.html';

这会使浏览器加载新的 URL，并在用户的浏览历史记录中添加一个新的条目。如果想要让浏览器不添加历史记录，可以使用 window.location.replace() 方法。这样，用户无法使用浏览器的“后退”按钮返回到当前页面。

window.location.replace('http://www.example.com/page2.html');

使用 location.assign()

除了 window.location.href 和 window.location.replace() 方法外，还可以使用 location.assign() 方法来实现页面跳转：

location.assign('http://www.example.com/page2.html');

location.assign() 方法与 window.location.href 方法类似，也会在浏览器的历史记录中添加一个新的条目。

使用 location.reload()

还有一种常见的情况是，在页面中添加一个“刷新”按钮，让用户可以重新加载当前页面。下面是一个示例代码片段：

<button onclick="location.reload()">刷新页面</button>

location.reload() 方法可以重新加载当前页面。如果想要强制重新加载页面而不使用浏览器缓存，可以传递一个 true 参数给 location.reload() 方法：

location.reload(true);

结论

在 Web 开发中，我们可以使用 JavaScript 在页面之间进行跳转。通常，开发人员使用 window.location.href 或 location.assign() 方法进行页面跳转，在用户想要重新加载当前页面时使用 location.reload() 方法。