js实现自动跳转
使用 setTimeout 和 window.location 实现自动跳转
通过 setTimeout 设置延迟时间，结合 window.location.href 或 window.location.replace 实现页面跳转。以下是一个简单示例：
// 3秒后跳转到指定URL
setTimeout(function() {
window.location.href = "https://example.com";
}, 3000);window.location.replace 不会在浏览器历史记录中留下当前页面的记录：
setTimeout(() => {
window.location.replace("https://example.com");
}, 3000);使用 meta 标签实现自动跳转
在 HTML 的 <head> 中添加 <meta> 标签，通过 http-equiv="refresh" 实现自动跳转：
<meta http-equiv="refresh" content="5; url=https://example.com">content 中的 5 表示延迟 5 秒后跳转。
使用事件监听实现条件跳转
结合用户操作或特定条件触发跳转，例如点击按钮或表单提交后跳转：
document.getElementById("redirectButton").addEventListener("click", function() {
window.location.href = "https://example.com";
});使用 history.pushState 或 history.replaceState 实现无刷新跳转
适用于单页应用（SPA），仅更新 URL 而不重新加载页面：
history.pushState({}, "", "/new-page");
// 或
history.replaceState({}, "", "/new-page");注意事项
- 用户体验：自动跳转可能干扰用户操作，建议提供倒计时提示或取消选项。
- SEO 影响：频繁或不当的跳转可能被搜索引擎视为作弊行为。
- 浏览器兼容性：
history.pushState不支持 IE9 及以下版本。
示例：带倒计时提示的跳转
let seconds = 5;
const countdown = setInterval(() => {
document.getElementById("countdown").textContent = seconds;
seconds--;
if (seconds < 0) {
clearInterval(countdown);
window.location.href = "https://example.com";
}
}, 1000);HTML 部分需包含一个显示倒计时的元素：
<p>将在 <span id="countdown">5</span> 秒后跳转...</p>
