js实现自动跳转
使用 setTimeout 和 window.location 实现自动跳转
通过 setTimeout 设置延迟时间,配合 window.location.href 或 window.location.replace 实现页面跳转。replace 方法不会保留当前页面的历史记录。
// 延迟 3 秒后跳转到指定 URL
setTimeout(function() {
window.location.href = "https://example.com";
}, 3000);
使用 meta 标签实现自动跳转
在 HTML 的 <head> 中添加 meta 标签,通过 http-equiv="refresh" 设置跳转时间和目标 URL。
<meta http-equiv="refresh" content="3;url=https://example.com">
使用事件监听触发跳转
通过监听事件(如按钮点击、页面加载完成)触发跳转逻辑,适合需要条件判断的场景。
document.addEventListener('DOMContentLoaded', function() {
// 页面加载完成后 2 秒跳转
setTimeout(() => {
window.location.replace("https://example.com");
}, 2000);
});
使用 window.location.assign 实现跳转
assign 方法会保留当前页面的历史记录,用户可通过浏览器返回按钮回到原页面。
// 直接跳转,无延迟
window.location.assign("https://example.com");
注意事项
- 跳转时间单位为毫秒(
setTimeout)或秒(meta标签的content)。 - 使用
replace或assign根据是否需要保留历史记录决定。 - 确保目标 URL 正确,避免因拼写错误导致跳转失败。







