新旧系统切换时——页面跳转案例

1.限时跳转页面:
<!DOCTYPE html>
<html>
 <head>
  <title>系统登陆页面</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
 </head>
 <body>
  <!--先编写好网页布局-->
  <p> </p>
  <p> </p>
  <p> </p>
  <p> </p>
  <font size="6px">
  <p><center>系统已完成升级,<font color="red"><span id="countTime"></span></font> 后自动跳转到新系统登陆页面!</center></p>
  <p><center>新版系统登陆地址:<a href="http://www.baidu.com">http://www.baidu.com</a></center></p>
  </font>
  <!--<a href='javascript:goBack()'>返回</a>-->
 
  <script type="text/javascript">  
    var second = 5;
   //获取显示秒数的元素,通过定时器来更改秒数。
    var message = document.getElementById("countTime");
    function clock()
    {
        if(second==0)
        {
            goTo();
        }
        else
        {
            message.innerHTML = second-- + "秒";
            window.setTimeout(clock,1000);
        }
    }
    clock();
   //通过window的location和history对象来控制网页的跳转。
   function goTo()
   {
        window.location.href = "http://www.baidu.com";
   }
   /*
   function goBack()
   {
    //   window.history.Back();
        window.location.href = "http://www.sina.com";
   }
   */
 </script> 
</body>
</html>

2.提示跳转页面:

<!DOCTYPE html>
<html>
 <head>
  <title>系统登陆页面</title>  
  <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
 </head>
 <body>
 
<script language="javascript">
alert("系统已升级完成,请点击‘确定’登陆新系统!");
top.location='http://www.baidu.com';
</script>

</body>
</html>

======未完:继续完善=======
发布了8 篇原创文章 · 获赞 0 · 访问量 948

猜你喜欢

转载自blog.csdn.net/cyzl5/article/details/50729394