您的位置：首页 > 其它

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

2016-02-24 11:34 225 查看

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>

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航