html 页面跳转有三种方式：meta refresh 最简但功能有限；settimeout + location.href 更可靠，支持交互优化；js 精确时间跳转需注意日期格式、时区及有效性校验，生产环境推荐双保险策略。
直接用 HTML 编辑器写代码就行，不需要特殊功能或插件。关键不是编辑器，而是你往 里塞什么标签，或者往 里加什么脚本。
用 <meta http-equiv="refresh"> 最快上手
这是纯 HTML 方案，打开编辑器，把这行粘贴进 里就生效：
<meta http-equiv="refresh" content="3;url=/dashboard">
注意三点：
-
content值必须是"秒数;url=地址"格式，分号后建议加空格（"3; url=/dashboard"），部分旧浏览器对空格敏感 - 秒数支持小数（如
"2.5;url=..."），但不支持毫秒 - URL 必须编码：含空格或中文时，不能写
url=/search?q=hello world，得写成url=/search%3Fq%3Dhello%20world - 它从 HTML 开始解析就倒计时，和用户是否在看、是否滚动完全无关
用 setTimeout + window.location.href 控制更稳
编辑器里在 底部加一段脚本，比 meta 更可靠：
<script>
setTimeout(() => {
window.location.href = '/dashboard';
}, 3000);
</script>
常见问题：
- 延迟单位是毫秒，
3000是 3 秒，不是写3 - 如果页面有交互（比如表单未提交），建议改用
window.location.replace('/dashboard')，避免用户点「返回」回到一个已失效的页 - 脚本放
里要加defer，否则可能 DOM 没就绪就执行（虽然跳转本身不受影响） - 用户刷新页面后，旧定时器不会自动清除——如果逻辑复杂，记得用
clearTimeout配合visibilitychange监听
按具体时间点跳转（比如每天 22:00）必须用 JS
编辑器里写 JS 计算毫秒差，不能靠 meta。例如跳转到 2026-09-03 22:00：
<script>
const target = new Date('2026-09-03T22:00:00');
if (isNaN(target.getTime())) {
console.error('重定向时间无效');
} else {
const delay = target.getTime() - Date.now();
if (delay > 0) {
setTimeout(() => window.location.replace('/expired'), delay);
}
}
</script>
关键细节：
- 日期字符串必须补零：
'2026-09-03'✅，'2026-9-3'❌（Safari 和旧 Edge 会解析失败） - 不要用斜杠分隔：
'2026/09/03 22:00'在部分浏览器中不认 - 末尾加
Z表示 UTC：'2026-09-03T22:00:00Z'，否则按用户本地时区解析 - 上线前务必校验
target.getTime()是否为有效数字，否则整个跳转逻辑静默失效
真正上线时，别只靠一种方式。最稳妥的是双保险：<meta> 保底兜底 JS 失效，再加轻量 JS 做精准控制——尤其是涉及用户状态、权限或跨页面流程时，meta 的无条件、无感知特性反而成了风险点。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
