凤凰网
目标页面路径应当稳定、可访问且不会再次跳回原页面。目标地址如果需要保留查询参数或锚点,也要在跳转值中完整写出,否则用户可能到达页面却丢失筛选条件、订单编号或定位位置。
HTML 的 meta refresh 适合制作不依赖 JavaScript 的固定延时页面。将下面的代码放在 HTML 文档的 head 区域,浏览器读取页面后会等待3秒,再访问示例中的目标路径。
浏览器中的三秒等待通常从客户端开始执行刷新规则或定时器时计算,不一定从用户点击按钮的瞬间计算。网络传输💡、页面解析、脚本阻塞和浏览器后台标签页限制,都可能让用户感受到的时间与代码中的数字存在差异。
要实现3秒后自动跳转网页,最简单的做法是在页面中加入 HTML 的 meta refresh;如果还需要显示倒计时、判断用户操作或执行其他逻辑,则使用 JavaScript 的🌈延时跳转。页面跳转✨前的等待发生在浏览器端,不能直接把普通服务器重定向设置成“等待3秒后再响应”。
上线前检查应当覆盖目标地址、页面历史记录和重复触发⚡三个方面。延时跳转看似只是几行代码,🔍但错误路径或循环配置会直接影响用户访问,业务页面还可能出现重复提交。
固定等待时间的普通页面使用 meta refresh 即可;需要倒计时、取消操作或跳转条件时使用 JavaScript;需要立即完成地址迁移时使用服务器重定向。按照页面目的选择一种方案,才能让3秒延时既能正常执行,也不会干扰用户对页面内容的理解。