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);
✅ 实用场景
- 用户点击“刷新”按钮:
<button onclick="location.reload()">刷新页面</button>
- 表单提交后强制刷新当前页面(防止重复提交):
form.onsubmit = function () { setTimeout(() => location.reload(), 1000); };
- AJAX 操作后,刷新数据:
fetch('/api/delete/123', { method: 'DELETE' }) .then(() => location.reload());
⚠️ 注意事项
- 页面刷新会导致所有未保存的表单数据丢失;
- 如果在
unload
或beforeunload
事件中使用它,可能会触发无限循环; - 某些 SPA(单页应用)框架可能不推荐直接刷新页面。
📌 小结
特点 | 描述 |
---|---|
简单易用 | 一行代码即可刷新页面 |
可控性低 | 会重新加载所有资源 |
应用广泛 | 用户交互、数据更新、退出登录后刷新页面 |
发表回复