js 实现刷新

刷新当前页面

使用 window.location.reload() 方法可以强制刷新当前页面。默认情况下会从浏览器缓存加载，若需要强制从服务器重新加载，可传入参数 true。

// 基础刷新（可能从缓存加载）
window.location.reload();

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

通过 URL 重新加载

直接重新赋值 window.location.href 或使用 window.location.replace() 实现刷新效果。后者不会在浏览器历史记录中生成新条目。

// 方法1：重新赋值当前URL
window.location.href = window.location.href;

// 方法2：替换当前页面（无历史记录）
window.location.replace(window.location.href);

定时自动刷新

通过 setTimeout 或 setInterval 实现延迟刷新或周期性刷新。

// 5秒后刷新
setTimeout(() => {
  window.location.reload();
}, 5000);

// 每10秒刷新一次
setInterval(() => {
  window.location.reload();
}, 10000);

带条件刷新

根据特定条件决定是否刷新，例如检查表单是否已修改。

if (document.getElementById('form').hasChanged) {
  window.location.reload();
}

事件触发刷新

通过按钮点击或其他事件触发刷新操作。

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

注意事项

• 使用 replace() 时，用户无法通过浏览器后退按钮返回前一状态。
• 频繁刷新可能影响用户体验，需谨慎设计自动刷新逻辑。
• 部分浏览器安全策略可能限制未用户触发的刷新操作。