网页定时自动跳转 的实现方法代码大全(建议收藏)

网页定时自动跳转 这个功能看起来不起眼,确实我们在日常生活工作当中经常需要用到的功能,比如,支付成功后自动跳转、下单成功后自动跳转、出现404错误页面后自动跳转、网址发布页定时跳转等等;

网页定时自动跳转 这个功能看起来不起眼,确实我们在日常生活工作当中经常需要用到的功能,比如,支付成功后自动跳转、下单成功后自动跳转、出现404错误页面后自动跳转、网址发布页定时跳转、旧域名网址跳转至新域名等等;

要实现页面跳转的这个功能没有什么太大的技术难度,下面笔者就将常用的方法收集整理,以便自己在需要的时候可以随时查阅,当然也可以让有需要的网友可以借鉴参考!

网页定时自动跳转 的实现方法代码大全(建议收藏)

使用setTimeout函数实现 网页定时自动跳转

如下代码要写在body区域内

<script type="text/javascript">
    //3秒钟之后跳转到指定的页面
  setTimeout(window.location.href='https://caovan.com',3);
</script>

或者

<script language="JavaScript" type="text/javascript">
        function Redirect(){
                    window.location = "https://caovan.com";   //要跳转的页面
            }
        setTimeout('Redirect()', 3000);       //第二个参数是时间,单位毫秒
  </script>

使用meta信息实现 网页定时自动跳转

在页面的head区域块内加上如下代码

<!--5秒钟后跳转到指定的页面-->
<meta http-equiv="refresh" content="5;url=https://caovan.com" />

使用脚本语言实现 网页定时自动跳转

就一句最简单

<%response.setHeader("Refresh","3;url=https://caovan.com");%>

原创文章,作者:朋远方,如若转载,请注明出处:https://caovan.com/wangyedingshizidongtiaozhuan-deshixianfangfadaimadaquanjianyishoucang/.html

(0)
打赏 微信扫一扫 微信扫一扫
朋远方的头像朋远方
上一篇 2020年11月12日 上午11:13
下一篇 2021年1月13日 上午9:47

相关推荐

发表回复

登录后才能评论