js 实现页面刷新
使用 location.reload()
location.reload() 是原生 JavaScript 提供的页面刷新方法。调用该方法会重新加载当前页面,相当于点击浏览器的刷新按钮。
// 基本用法
location.reload();
// 强制从服务器重新加载(跳过缓存)
location.reload(true);
使用 location.href
通过将 location.href 设置为当前页面的 URL,可以实现页面刷新效果。
location.href = location.href;
使用 location.replace()
location.replace() 可以用当前页面 URL 替换当前历史记录条目,实现刷新效果。
location.replace(location.href);
使用 history.go()
history.go(0) 会重新加载当前页面,类似于刷新操作。
history.go(0);
使用 meta 标签自动刷新
在 HTML 的 <head> 部分添加 meta 标签,可以让页面自动刷新。
<meta http-equiv="refresh" content="0">
使用 window.location 对象
通过重新赋值 window.location 对象也可以实现刷新。
window.location = window.location;
使用 fetch 和 reload
结合 Fetch API 可以先检查服务器可用性再刷新。
fetch(window.location.href)
.then(() => location.reload())
.catch(err => console.error('刷新失败:', err));
注意事项
- 强制刷新(
reload(true))会忽略缓存,从服务器重新请求所有资源 - 自动刷新可能影响用户体验,应谨慎使用
- 单页应用(SPA)中这些方法可能导致应用状态重置
以上方法可以根据不同场景选择使用,原生 location.reload() 是最常用和推荐的方式。







