JSP页⾯跳转⽅法⼤全
先来介绍⼀下在服务端JSP脚本中跳转页⾯的⼏种⽅法:
1. response.sendRedirct("跳转到页⾯");jsp页面输出的三种方式
该⽅法通过修改HTTP协议的HEADER部分,对浏览器下达重定向指令的,使浏览器显⽰重定向⽹页的内容. request⽆法传值过去.
执⾏完该页所有代码,然后再跳转到页⾯. 跳转地址栏改变.
可以跳转到其他服务器上的页⾯response.sendRedirct('www.jb51').
该⽅法和response.sendRedirect⼀样,通过修改HTTP协议的HEADER部分.
<%
response.setStatus(HttpServletResponse.SC_MOVED_PERMANENTLY);
String newLocn="/index.html";
response.setHeader("Location",newLocn);
%>
3.<jsp:forward page="跳转页⾯"/>
该⽅法是利⽤服务器端先将数据输出到缓冲区的机制,在把缓冲区的内容发送到客户端之前,原来的不发送,改为发送该页⾯的内容,如果在<jsp:forward>之前有很多输出,前⾯的输出已使缓冲区满,将⾃动输出到客户端,那么该语句将不起作⽤,这⼀点应该特别注意.
request可以传值过去. 直接跳转到页⾯,后⾯的代码不执⾏. 跳转后地址栏不变. ⽆法跳转到其他服务器上的页⾯. 图⽚不是绝对路径⽆法显⽰.
request可以传值过去. 执⾏完该页所有代码,然后再跳转到页⾯.
跳转地址栏不变. 不可以跳转到其他服务器上的页⾯
<%
RequestDispatcher rd = RequestDispatcher("jb51.jsp");
rd.forward(request,response);
%>
有以下3种⽅法可以做到输出重定向:
RESPONSE.SETREDERECT("URL")
该⽅法通过修改HTTP协议的HEADER部分,对浏览器下达重定向指令的,使浏览器显⽰重定向⽹页的内容.
response.sendRedirect("www.jb51/index.html");
2.下⾯的⽅法也能改变HTTP HEADER属性,它的原理和 1 是⼀样的.
<%
response.setStatus(HttpServletResponse.SC_MOVED_PERMANENTLY);
String newLocn="/index.html";
response.setHeader("Location",newLocn);
% >
3.采⽤<JSP:FORWORD>
该⽅法是利⽤服务器端先将数据输出到缓冲区的机制,在把缓冲区的内容发送到客户端之前,原来的不发送,改为发送该页⾯的内容,如果在<JSP:FORWORD>之前有很多输出,前⾯的输出已使缓冲区满,将⾃动输出到客户端,那么该语句将不起作⽤,这⼀点应该特别注意.
上⾯是在服务端利⽤JSP脚本的⼀些⽅法跳转,下⾯我们来看⼀下如何使⽤前端HTML,JS来做页⾯跳转
HTML语⾔的⾃动跳转
<html>
<head>
<meta http-equiv="refresh" content="0;url="www.jb51">
0是等待时间,如果设置为5表⽰等待5s后开始跳转
</head>
JavaScript跳转
第⼀种⽅法:
<script languate="javascript">
place("www.jb51");
</script>
第⼆种⽅法:
<script languate="javascript">
window.location="www.jb51";
</script>
第三种⽅法:
<script languate="javascript">
document.location.href("www.jb51");
</script>
第四种⽅法:
history对象的back(),go()⽅法.go()⽅法需要⼀个整形⼊⼝参数
<a href="(-1)" rel="external nofollow" >返回上⼀步</a>
或
<a href="javascript:history.back()" rel="external nofollow" >返回上⼀步</a>
两者等价都是返回上⼀页
第五种⽅法:
document.formName.action="test.jsp";
document.formName.submit(); //使⽤JS提交的⽅式
此⽅法不推荐使⽤
第六种⽅法:
<script language="javascript">
window.navigate("top.jsp");
</script>
其实利⽤JS跳转页⾯的⽅法还有很多,在这只列出了这⼏中,其它⽅法当你对JS有了基本了解后可以⾃由发挥你的想像了
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论