如何无需点击触发即可实现网页自动redirect跳转

你现有代码的跳转逻辑绑定在了#Div3元素的点击事件上，所以仅点击对应元素时才会触发跳转。要实现自动触发，只需把跳转逻辑从点击事件回调中取出，直接在页面加载阶段执行即可。

页面加载完成立即跳转 #

jQuery 版本（兼容你现有技术栈） #

<script>
// 等待DOM加载完成后执行跳转，避免页面未渲染就跳转
$(function(){
    window.location.replace("http://your.next.page/");
});
</script>

原生JS版本（无需依赖jQuery） #

<script>
window.onload = function() {
    window.location.replace("http://your.next.page/");
}
// 如果不需要等待页面加载，打开就跳转可以直接写跳转语句，不需要包在onload回调里
</script>

延迟指定时间后跳转 #

如果需要先展示当前页内容一段时间再跳转，可以用定时器实现，示例为延迟3秒跳转：

<script>
$(function(){
    // 3000对应3000毫秒，可根据需求调整等待时长
    setTimeout(function(){
        window.location.replace("http://your.next.page/");
    }, 3000);
});
</script>

补充说明 #

• 若需要跳转后用户可通过浏览器后退按钮返回当前页，可将window.location.replace("目标地址")替换为window.location.href = "目标地址"
• 不需要等待页面元素加载的场景下，可直接写跳转语句，无需包裹在DOM加载完成的回调中。

内容的提问来源于stack exchange，提问作者mike kent