夏日博客

A-A+

javascript页面自动跳转代码

2016年10月16日 前端设计 暂无评论 阅读 7 views 次

今天要做一个404错误页面，意思就是当页面出错时进入错误处理页面，然后我们再在页面错误页面增加一个自动跳转功能，下面我总结了几种解决办法，有需要的朋友可参考。

最简单的办法就是在html页面头加上如下代码

  1. <meta http-equiv="refresh" content="1;URL=https://www.xiariboke.net/">  

几秒后是你要跳转的地址.

方法二,代码如下:

  1. <script language="javascript">  
  2. function redirectUrl(redirectTime)   
  3. {   
  4. setTimeout("window.location.href='https://www.xiariboke.net';",redirectTime*1000);   
  5. }   
  6. self.onload=function(){   
  7. };   
  8. redirectUrl(3) //3就是3秒  
  9. </script>  

另一种办法就是直接利用js的settimeout来实现,具体方法,代码如下:

  1. <script>  
  2. var i=6;  
  3. var t;  
  4. function showTimer(){  
  5.  if(i==0){//如果秒数为0的话,清楚t,防止一直调用函数,对于反应慢的机器可能实现不了跳转到 所以要清楚掉 setInterval()  
  6.   window.location.href="https://www.xiariboke.net";  
  7.   window.clearInterval(t);  
  8.   }else{  
  9.   i = i - 1 ;  
  10.   // 秒数减少并插入 timer 层中  
  11.   document.getElementById("timer").innerHTML= i;  
  12.   }  
  13. }  
  14. // 每隔一秒钟调用一次函数 showTimer()  
  15. t = window.setInterval(showTimer,1000);  
  16. </script>  
  17. </head>  
  18. <body onload = "showTimer()">  
  19. <div id ="timer" style="color:#999;font-size:20pt;text-align:center"></div>  
  20. </body>  

上面代码就显示倒计时效果，等0时就会自动跳转到指定的页面了。

标签：

给我留言