HTML5页面延时跳转本质是用setTimeout控制location.href赋值,需确保DOM就绪、避免沙箱拦截、处理跨协议限制、清除冗余定时器,并注意移动端用户交互要求。
HTML5 页面跳转加延时,本质是用 JavaScript 的 setTimeout 控制 window.location 或 location.href 的触发时机,不是 HTML5 新增功能,但兼容所有现代浏览器。
用 setTimeout 调用 location.href 最稳妥
直接赋值 location.href 是最常用、最可靠的跳转方式,配合 setTimeout 可精确控制延迟。注意不能写成字符串形式的代码(如 "location.href='...'"),否则可能被沙箱拦截或执行异常。
常见错误:把 URL 拼错、漏写协议(https://)、或在非 HTTPS 页面跳转到 HTTPS 时被浏览器静默阻止(尤其涉及 document.referrer 时)。
setTimeout(() => { location.href = 'https://example.com'; }, 3000);- 若需保留当前页面历史(即用户点返回还能回来),用
location.replace()替代,它不会新增 history 记录 - 延时单位是毫秒,
3000表示 3 秒,别误写成3(3 毫秒基本无效)
避免在 DOMContentLoaded 前执行跳转
如果脚本放在 里且没加 defer,setTimeout 回调可能在 DOM 尚未解析完成时就触发跳转,导致页面白屏或部分资源加载中断。
立即学习“前端免费学习笔记(深入)”;