如何在 JavaScript 中重新加载页面

在 JavaScript 中重新加载页面是一项常用的任务，特别是当你想在不跳转到新页面的情况下更新页面内容时。下面介绍几种方法来实现这个目标。

方法一：使用 location.reload() 方法

location.reload() 方法会重新加载当前页面，并在浏览器的缓存中重新请求所有的资源。

location.reload();

方法二：使用 location.href 属性

location.href 属性与 location.reload() 方法类似，都会重新加载当前页面。主要区别在于，location.href 允许你指定一个新的 URL，而 location.reload() 只会重新加载当前页面。

location.href = location.href;

方法三：使用 location.replace() 方法

location.replace() 方法会在不生成历史记录的情况下重新加载页面。这意味着用户不能通过点击浏览器的 "后退" 按钮来返回到上一个页面。

location.replace(location.href);

方法四：使用 history.go() 方法

history.go() 方法允许你在浏览器历史记录中向前或向后移动。如果你将参数设置为 0，它将重新加载当前页面。

history.go(0);

结论

以上四种方法都可以用来在 JavaScript 中重新加载页面。选择哪种方法取决于你的具体需求。如果你不需要保持 user agent 的历史记录，那么使用 location.replace() 方法可能是最好的选择。如果你只是需要重新加载页面而不需要做其他的事情，那么 location.href 或 location.reload() 方法可能比较合适。如果你需要在历史记录中向前或向后移动，那么 history.go() 方法将是最好的选择。