js页面自动跳转实现

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/hoho922/article/details/84353358
下面一段代码是告诉浏览器,过多久就刷新转到新的页面,采用的是页面定时刷新元标识(Meta Refresh Tag)。只能放在HTML代码的<HEAD>区里。
<meta http-equiv="refresh" content="5" url=http://www.google.com"> 


现在做的一个项目用到的跳转:

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ include file="../include/const.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><c:out value="${PAGE_TITLE}" /></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="<%=desp%>">
<meta name="company" content="<%=company%>">
<meta http-equiv="refresh" content="3;url=/index.do">
<!-- Le styles -->
<style type="text/css">
body {
padding-top: 60px;
padding-bottom: 40px;
}
.sidebar-nav {
padding: 0;
}
</style>


<link href="/css/bootstrap.css" rel="stylesheet">
</head>
<body>

<%@ include file="../include/header.jsp"%>

<table width="75%" border="0" align="center" cellpadding="3"
cellspacing="1">
<tr>
<td width=30% height=255 align=center><img src="/img/errormsg.jpg" width=155px height=155px border=0 /></td>
<td width=60% height="255" valign="middle" align="center"
style="line-height:25px;">
<div style="color:#777;font-size:14px;line-height:35px;">
<span style="font-weight:bold;color:#ff0000;">出错了!</span><a style="color:#777;" href="<c:out value="${PAGE_GO_URL}"/>">
<span style="color:#ff0000;"><c:out value="${PAGE_MSG}" /></span>
<br>
系统将在3秒钟后自动返回<br>
如果系统没有自动返回,请单击此处自行返回</a> <br>
<a style="color:#666;text-decoration:underline;font-weight:normal;" href="<c:out value="${PAGE_FROM_URL}"/>"><--如果你想继续<c:out
value="${PAGE_TITLE}" />请单击此处</a>
</div> </td>
</tr>
</table>

<%@ include file="../include/footer.jsp"%>

</body>
</html>
展开阅读全文

没有更多推荐了,返回首页