在 JavaScript 中使用 window 对象来刷新页面

在 JavaScript 中，你可以使用 window 对象提供的 location 属性或 reload 方法来刷新页面。以下是两种常用的方法：

使用 location.reload()

location.reload() 方法是最直接和常用的方式来刷新当前页面。它有两个可选的布尔参数，但通常不需要指定：

• 不带参数或参数为 false 时，页面会从缓存中重新加载（如果缓存中存在）。
• 参数为 true 时，页面会强制从服务器重新加载，忽略缓存。

// 从缓存中重新加载页面（默认行为）
window.location.reload();

// 或者
location.reload(); // window 对象可以省略，因为它是全局对象

// 强制从服务器重新加载页面
window.location.reload(true);

使用 location.href 或 location.assign()

虽然这不是直接刷新页面的方法，但你可以通过设置 location.href 属性或调用 location.assign() 方法来加载一个新的 URL，如果新 URL 与当前 URL 相同，那么实际上就会刷新页面。

// 使用 location.href
window.location.href = window.location.href;

// 或者使用 location.assign()
window.location.assign(window.location.href);

这两种方法都会导致页面重新加载，但它们实际上是通过导航到一个新的（或相同的）URL 来实现的，而不是像 reload() 方法那样直接调用浏览器的刷新机制。因此，在某些情况下（如处理表单提交后的页面刷新），它们的行为可能与 reload() 略有不同。

注意事项

• 在使用这些方法时，请确保它们不会导致无限循环或意外的页面导航。
• 如果你在页面卸载（如 beforeunload 事件）期间尝试刷新页面，可能会导致浏览器警告用户他们正在尝试离开页面。
• 在某些情况下（如单页应用程序中），你可能希望使用框架提供的方法来处理页面刷新或导航，而不是直接使用 window.location 或 window.location.reload()。