location.reload() 是 JavaScript 中用于重新加载当前页面的标准方法,它属于 window.location 对象的一部分。


🧠 基本用法

location.reload();

等价于:

window.location.reload();

🔄 用法说明

模式说明
location.reload()默认使用 缓存 重新加载页面(如果有缓存)
location.reload(true)强制从服务器重新加载(已被废弃,不推荐)

💡 注意location.reload(true) 在现代浏览器中已弃用,推荐使用以下方式实现强制刷新:

// 强制从服务器刷新(变通方法)
location.href = location.href;

或者更直接的方式:

location.replace(location.href);

✅ 实用场景

  1. 用户点击“刷新”按钮:<button onclick="location.reload()">刷新页面</button>
  2. 表单提交后强制刷新当前页面(防止重复提交):form.onsubmit = function () { setTimeout(() => location.reload(), 1000); };
  3. AJAX 操作后,刷新数据:fetch('/api/delete/123', { method: 'DELETE' }) .then(() => location.reload());

⚠️ 注意事项

  • 页面刷新会导致所有未保存的表单数据丢失
  • 如果在 unload 或 beforeunload 事件中使用它,可能会触发无限循环;
  • 某些 SPA(单页应用)框架可能不推荐直接刷新页面。

📌 小结

特点描述
简单易用一行代码即可刷新页面
可控性低会重新加载所有资源
应用广泛用户交互、数据更新、退出登录后刷新页面