页面重定向与加载示例-优快云博客

Redirect.jsp

<%@ page contentType="text/html;charset=UTF-8"%>
<html>
<head>
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Expires" content="0">
</head>
<script language="Javascript">
<!--
var url
<% if("/".equals(request.getContextPath())){ %>
url="<%=request.getParameter("url")%>";
  //window.location.replace("<%=request.getParameter("url")%>");
<% }else{ %>
url="<%=request.getContextPath()%>/<%=request.getParameter("url")%>";
  //window.location.replace("<%=request.getContextPath()%>/<%=request.getParameter("url")%>");
<% } %>
onSubmit = function(url){
//window.location.href=url;
}
//-->
</script>
<body οnlοad="onSubmit(url)" bgcolor="#FFFFFF">
<table border=0 bgcolor="#FFFFFF" width="100%" height="100%">
<tr><td align="center" valign="middle">
<table border=0 width="200" height="100"><tr><td>
<jsp:include page="Loading.jsp"  flush="true"/>
</td></tr>
</table>
</td></tr></table>
</body>
</html>

Loading.jsp

<%@ page contentType="text/html;charset=UTF-8"%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%> 
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<html>
<head>
<title></title>
<style type="text/css">
<!--
body {
	background:	buttonface;
	font:		MessageBox;
	font:		Message-Box;
}

marquee {
	border:		1px solid ButtonShadow;
	background:	Window;
	height:		12px;
	font-size:	1px;
	margin:		1px;
	width:		147px;
	-moz-binding:	url("marquee-binding.xml#marquee");
	-moz-box-sizing:	border-box;
	display:		block;
	overflow:		hidden;
}

marquee span {
	height:			8px;
	margin:			1px;
	width:			6px;
	background:		Highlight;
	float:			left;
	font-size:		1px;
}

.progressBarHandle-0 {
	filter:		alpha(opacity=20);
	-moz-opacity:	0.20;
}

.progressBarHandle-1 {
	filter:		alpha(opacity=40);
	-moz-opacity:	0.40;
}

.progressBarHandle-2 {
	filter:		alpha(opacity=60);
	-moz-opacity:	0.6;
}

.progressBarHandle-3 {
	filter:		alpha(opacity=80);
	-moz-opacity:	0.8;
}

.progressBarHandle-4 {
	filter:		alpha(opacity=100);
	-moz-opacity:	1;
}
-->
</style>
<script language="javascript">
function loadingStop() {
	try {
		return parent.loadingStop();
	}catch (e) {
		return false;
	}
}
</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="100%" bgcolor="#ECE9D8" style="border:1px solid #999999;">
  <tr>
    <td align="center" valign="middle">
      <b style="font-size:18px;font-family:Arial">Loading...</b>   
      <html:img imageName="stopLoading" src="img/win_close.gif"  οnclick="javascript:return loadingStop();" style="display:none; cursor:pointer;" alt="Cancel Action"/>
      <br>
      <html:img src='img/LayoutSpacer.gif' height='5'/><br>
<marquee direction="right" scrollamount="8" scrolldelay="100">
	<span class="progressBarHandle-0"></span>
	<span class="progressBarHandle-1"></span>
	<span class="progressBarHandle-2"></span>
	<span class="progressBarHandle-3"></span>
	<span class="progressBarHandle-4"></span>
</marquee>
    </td>
  </tr>
</table>
</body>
</html>

加载页面的显示