页面自动跳转
案例:2016-01-05
1 <html> 2 <head> 3 4 </head> 5 6 <p style="text-indent: 2em; margin-top: 30px;"> 7 系统将在 <span id="time">5</span> 秒钟后自动跳转至新网址,如果未能跳转,<a href="http://www.jb51.net" title="点击访问">请点击</a>。</p> 8 <script type="text/javascript"> 9 delayURL(); 10 function delayURL() { 11 var delay = document.getElementById("time").innerHTML; 12 var t = setTimeout("delayURL()", 1000); 13 if (delay > 0) { 14 delay--; 15 document.getElementById("time").innerHTML = delay; 16 } else { 17 clearTimeout(t); 18 window.location.href = "http://www.jb51.net"; 19 } 20 } 21 </script> 22 23 24 <body> 25 </body> 26 </html>
HTML跳转:
html头文件方式:
<!-- 以下方式只是刷新不跳转到其他页面 -->
<meta http-equiv="refresh" content="10"> <!-- 以下方式定时转到其他页面 --> <meta http-equiv="refresh" content="5;url=hello.html">
优点:简单
缺点:Struts Tiles中无法使用
js方式:
1 <script language="javascript" type="text/javascript"> 2 // 以下方式直接跳转 3 window.location.href='hello.html'; 4 // 以下方式定时跳转 5 setTimeout("javascript:location.href='hello.html'", 5000); 6 </script>
优点:灵活,可以结合更多的其他功能
缺点:受到不同浏览器的影响
jsp跳转:
- requestDispatcher.forward() 转发 可以传递 request(请求)
- response.sendRedirect() 重定向 (客户端再次请求,发了2次请求,302)
◆使用response.sendRedirect时,前面不能有HTML输出;
这并不是绝对的,不能有HTML输出其实是指不能有HTML被送到了浏览器。事实上现在的server都有cache机制,一般在8K(我是说 JSP SERVER),这就意味着,除非你关闭了cache,或者你使用了out.flush()强制刷新,那么在使用sendRedirect之前,有少量的HTML输出也是允许的。
◆ response.sendRedirect之后,应该紧跟一句return。
我们已经知道response.sendRedirect是通过浏览器来做转向的,所以只有在页面处理完成后,才会有实际的动作。既然你已经要做转向了,那么后的输出还有什么意义呢?而且有可能会因为后面的输出导致转向失败。
比较:
◆ Dispatcher.forward()是容器中控制权的转向,在客户端浏览器地址栏中不会显示出转向后的地址;
◆response.sendRedirect()则是完全的跳转,浏览器将会得到跳转的地址,并重新发送请求链接。这样,从浏览器的地址栏中可以看到跳转后的链接地址。
前者更加高效,在前者可以满足需要时,尽量使用RequestDispatcher.forward()方法。注:在有些情况下,比如,需要跳转到一个其它服务器上的资源,则必须使用HttpServletResponse.sendRequest()方法。
3. <jsp:forward page="" /> jsp标签
它的底层部分是由RequestDispatcher来实现的,因此它带有RequestDispatcher.forward()方法的印记。如果在之前有很多输出,前面的输出已使缓冲区满,将自动输出到客户端,那么该语句将不起作用,这一点应该特别注意。
另外要注意:它不能改变浏览器地址,刷新的话会导致重复提交
4. 修改HTTP header的Location属性来重定向
通过设置直接修改地址栏来实现页面的重定向。 jsp文件代码如下:
1 String newLocn = "/newpath/jsa.jsp"; 2 response.setHeader("Location",newLocn);
5. JSP中实现在某页面停留若干秒后,自动重定向到另一页面
在html文件中,下面的代码:
<meta http-equiv="refresh" content="300; url=target.jsp">
它的含义:在5分钟之后正在浏览的页面将会自动变为target.html这一页。代码中300为刷新的延迟时间,以秒为单位。targer.html为你想转向的目标页,若为本页则为自动刷新本页。
由上可知,可以通过setHeader来实现某页面停留若干秒后,自动重定向到另一页面。 关键代码:
String content=stayTime+";URL="+URL;
response.setHeader("REFRESH",content);