最稳妥、兼容性最好的页面自动跳转方式是使用标签，写在中，语法为content="秒数; url=目标地址"，无需javascript且所有浏览器支持。
页面自动跳转最稳妥、兼容性最好的方式是用 <meta> 标签实现，不需要 JavaScript，所有浏览器都支持，且在页面加载初期就生效。
用 <meta http-equiv="refresh"> 实现跳转
这是纯 HTML 方案，写在 里即可，语法简单，无依赖：
<meta http-equiv="refresh" content="3; url=https://example.com/">
其中 content 的值格式为 "秒数; url=目标地址"，分号后必须有空格（部分旧浏览器敏感）；秒数可为 0（立即跳转），但注意：SEO 不友好，且用户可能来不及看到原页面内容。
- 如果只写数字（如
content="5"），会刷新当前页，不是跳转 -
url=后面必须是完整 URL（含协议）或相对路径（如url="./about.html"） - 多个
<meta refresh>标签时，浏览器通常只认第一个
用 window.location.href 配合 setTimeout 跳转
适合需要动态计算跳转逻辑、或需在跳转前执行 JS 操作的场景，但依赖 JavaScript 启用：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
<script>
setTimeout(() => {
window.location.href = "https://example.com/";
}, 3000);
</script>
注意：该脚本应放在 底部或加 defer，避免因 DOM 未就绪导致执行异常；若用户禁用 JS，此方案完全失效。
-
setTimeout的延迟单位是毫秒，3000表示 3 秒 - 不要用
window.location.replace()除非你确定不需要返回原页（它会清除当前历史记录） - 在单页应用（如 Vue/React）中，直接改
href会触发整页刷新，应优先使用路由 API（如router.push()）
常见错误和坑点
实际部署中，以下问题高频出现：
- 跳转后页面空白或 404：检查
url值是否拼写错误，特别是路径开头缺/或多写./导致相对路径解析错位 - 跳转不生效：确认
<meta>标签在内，且没有被 CMS 或模板引擎意外注释或过滤 - Chrome 控制台报
Unsafe attempt to initiate navigation：出现在 iframe 内执行跳转时，多数因跨域或sandbox属性限制，此时只能由顶层页面控制跳转 - 移动端 Safari 对
meta refresh支持不稳定，尤其在 PWA 模式下，建议降级为 JS 方案并加错误兜底
真正要上线的跳转，别只信一种方式。比如登录成功页，先用 <meta> 保底，再加一段轻量 JS 监听跳转失败并手动触发——这种“双保险”在弱网或老旧设备上很管用。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
