中国青年报
HTML 跳转适合静态提示页、表单提交结果页和页面迁移通知页;如果需要显示倒计时、执行统计代码或根据用户条件决定是否跳转,则应改用 JavaScr▶️i🚀pt。下面的代码均使用占位符“目标页面路径”,复制时需要替换为真实目标。
JavaScript 适合需要显示剩余时间、记录用户🎇行为、判🎉断登录状态或在跳转前执行清理操作的页面。
如果页面需要显示倒计时,可以让定时器每秒更新一次文字,再在倒计时结束时执行跳转。示例逻辑是先把剩余秒数设为 3,每隔 1000 毫秒减 1,减到 0 后停止计时并修改当前页面地址🔥。倒计时文字应使用用户能直接看到的正文内容,而不是只写在浏览器标题中。
如果桌面端可以跳转而移动端不行,移动端问题通常与缓存、内嵌浏览器限制、脚本拦💯截或页面被系统二次包装有关。此时应分别测试系统浏览器、应用内置浏览器和无痕模式,不要只根据单一设备判断代码失效。
HTML meta refresh 通过页面元信息设置延迟,不需要用户🔍点击,也不依赖 Jav😎aScript 是否开启。
实现3秒后自动跳转网页,最简单的方式是在目标页面的 HTML 头部加入 meta🎇 refresh:。其中,数字 3 代表等待时间,目标页面路径需要替换成实际页面文件或地址。
例如,目标文件与当前页面位于同一目录时,可以将“目标页面路径”替换为 success.html;目标文件位于站点根目录时,可以使用 /success.html。相对路径会受到当前页面目录影响,目录层级写错时,倒计时可能正常但页面会跳到错误位置。
延时跳转页面应明确告诉用户即将发💯生的动作,不能让访🎉问者误以为页面卡住或失去控制。