网页开发中，经常需要让页面自动或手动刷新，比如提交表单后更新数据、定时获取最新信息等。掌握几种常见的HTML刷新页面方法，能让你在做系统设置类功能时更得心应手。
使用 meta 标签实现自动刷新
这是最基础的刷新方式之一，通过在 <head> 中添加 meta 标签，可以让页面在指定时间后自动刷新。
<meta http-equiv="refresh" content="5;url=http://example.com" />上面这段代码的意思是：5秒后刷新当前页面，如果设置了 url，则跳转到目标地址。常用于登录过期提示页或倒计时跳转场景。
用 JavaScript 控制刷新行为
相比静态标签，JavaScript 提供了更灵活的控制方式。最常见的就是 location.reload() 方法。
<script>
location.reload();
</script>这行代码会强制浏览器重新加载当前页面，类似于按了 F5。适合用在 Ajax 提交成功后刷新列表的场景。
带条件的刷新逻辑
有时候你只想在特定条件下刷新，比如用户确认后再执行。
<button onclick="if(confirm('确定要刷新吗？')) location.reload()">刷新页面</button>这种写法常见于后台管理系统，防止误操作导致数据丢失。
定时刷新页面
监控类系统如服务器状态页、订单处理台，通常需要每隔一段时间自动拉取新数据。
<script>
setInterval(function() {
location.reload();
}, 30000); // 每30秒刷新一次
</script>注意频率别设太高，否则容易造成服务器压力过大。
通过修改 URL 触发刷新
有时单纯 reload 不够用，比如想清除缓存或传递新的参数。
<script>
location.href = location.href;
</script>这行代码看似没变，但实际触发了一次完整跳转，比 reload() 更彻底一些。也可以加上时间戳来强制刷新：
<script>
location.href = location.pathname + '?t=' + Date.now();
</script>这种方式适合解决静态资源缓存问题，尤其在部署更新后很有用。
按钮或链接触发刷新
用户点击按钮刷新是最常见的交互形式。
<button onclick="history.go(0)">刷新</button>
<a href="javascript:location.reload()">点击刷新</a>两种写法都能达到目的，前者利用历史记录机制，后者直接调用刷新函数，选择你喜欢的方式即可。