效果如下图:
源码如下:
前端:
<script type="text/javascript">
var i = 10;
// 获取登录事件,并处理自动跳转
window.onload = function windowload() {
document.getElementById("time").innerText = i;
document.getElementById("time2").innerText = i;
JumpPage();
}
function JumpPage() {
document.getElementById("time").innerText = i;
document.getElementById("time2").innerText = i;
// 计时为0后,立即跳转
i--;
if (i < 0) {
location.replace("Login.aspx");
}
setTimeout("JumpPage()", 1000);
}
</script>
<div class="DIV1" style="font-family: 微软雅黑; font-size: small">
<div class="DIV2" style="color:White;">错误提示:网页信息已过期,请重新登录!(Error: web information has expired, please login again.)</div>
<div style="height:7px"></div>
本页将在<span id="time" style="color: Blue"></span>秒后自动跳转至<a href="Login.aspx">登录页面</a>,如需立即跳转,请直接点击 <a href="Login.aspx" style="color: Blue">立即跳转>></a><br/>
The page will be re-directed in <span id="time2" style="color: Blue"></span> seconds. Please wait a moment... <a href="Login.aspx" style="color: Blue">Re-directed Now>></a>
</div>
后端处理:在BasePage的Load事件中判断Session是否为空
if (Session["LoginEmployeeID"] == null)
{
Response.Clear();
Response.Write("<script language=javascript>parent.location.href='../Account/SessionExpired.aspx'</script>");
//Response.Write("<script language=javascript>window.open('../Account/SessionExpired.aspx');top.opener=null;top.close();</script>");
Response.End();
}