页面自动刷新和跳转通过 window.location 与定时器原生实现：reload() 刷新页面，href/assign() 保留历史记录，replace() 替换历史记录；需注意状态丢失、spa 整页刷新及 seo 影响。
页面自动刷新和跳转主要通过 BOM 提供的 window.location 和 window.setTimeout / window.setInterval 配合实现，无需额外库，原生即可完成。
自动刷新页面（reload）
使用 location.reload() 可触发当前页面重新加载。配合定时器可实现周期性刷新或延时刷新。
-
3秒后刷新一次：
setTimeout(() => location.reload(), 3000); -
每30秒自动刷新：
setInterval(() => location.reload(), 30000); - 注意：刷新会丢失当前页面未保存的状态（如表单输入、滚动位置），生产环境慎用；可加条件判断避免误刷，例如仅在特定路径下启用
自动跳转到其他页面（redirect）
修改 location.href 是最常用方式，也可用 location.assign() 或 location.replace()，三者区别在于浏览器历史记录行为：
-
location.href = 'https://example.com'或location.assign('...')：保留当前页记录，用户点返回可回到原页 -
location.replace('https://example.com')：替换当前记录，无法返回原页，适合登录成功后跳转、避免后退重复提交 - 跳转前可加延迟，例如
setTimeout(() => location.replace('/success'), 2000)实现“2秒后跳转”提示效果
结合状态控制跳转时机
避免无条件跳转影响用户体验，建议加入简单判断逻辑：
- 检查 URL 参数，如
if (location.search.includes('redirect=1')) { location.replace('/dashboard'); } - 检测登录态（如 localStorage 中的 token），未登录则跳转登录页：
if (!localStorage.getItem('token')) location.href = '/login'; - 跳转前提示用户：“页面将在5秒后跳转”，并提供手动跳转按钮，提升友好度
注意事项与兼容性
所有方法均兼容现代浏览器（Chrome/Firefox/Safari/Edge），IE11 也支持。需留意：
- 弹窗拦截策略不影响
location跳转，但部分安全策略（如 iframe 中的 sandbox 属性）可能限制跳转 - SPA 应用（如 Vue/React）中，直接操作
location会触发整页刷新，应优先使用路由实例的push或replace方法 - 服务端渲染或 SEO 场景下，过度依赖客户端跳转可能影响爬虫抓取，关键跳转建议服务端处理（如 HTTP 302）
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
