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

最新推荐文章于 2023-08-31 11:06:24 发布

LingDong Jey

最新推荐文章于 2023-08-31 11:06:24 发布

阅读量1.9k

点赞数 1

分类专栏：源代码文章标签：页面自动跳转

源代码专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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>

======未完：继续完善=======