先来介绍一下在服务端JSP脚本中跳转页面的几种方法:
1. response.sendRedirct("跳转到页面");
该方法通过修改HTTP协议的HEADER部分,对浏览器下达重定向指令的,使浏览器显示重定向网页的内容. request无法传值过去.
执行完该页所有代码,然后再跳转到页面. 跳转地址栏改变.
可以跳转到其他服务器上的页面response.sendRedirct('https://www.jb51.net').
2.response.setHeader();
该方法和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可以传值过去. 直接跳转到页面,后面的代码不执行. 跳转后地址栏不变. 无法跳转到其他服务器上的页面. 图片不是绝对路径无法显示.
4.request.getRequestDispatcher("跳转页面");
request可以传值过去. 执行完该页所有代码,然后再跳转到页面.
跳转地址栏不变. 不可以跳转到其他服务器上的页面
%
RequestDispatcher rd = request.getRequestDispatcher("jb51.jsp");
rd.forward(request,response);
%>
有以下3种方法可以做到输出重定向:
RESPONSE.SETREDERECT("URL")
该方法通过修改HTTP协议的HEADER部分,对浏览器下达重定向指令的,使浏览器显示重定向网页的内容.
response.sendRedirect("https://www.jb51.net/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="https://www.jb51.net">
0是等待时间,如果设置为5表示等待5s后开始跳转
/head>
JavaScript跳转
第一种方法:
script languate="javascript">
window.location.replace("https://www.jb51.net");
/script>
第二种方法:
script languate="javascript">
window.location="https://www.jb51.net";
/script>
第三种方法:
script languate="javascript">
document.location.href("https://www.jb51.net");
/script>
第四种方法:
history对象的back(),go()方法.go()方法需要一个整形入口参数
a href="javascript:history.go(-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有了基本了解后可以自由发挥你的想像了
您可能感兴趣的文章:- JS中Select下拉列表类(支持输入模糊查询)功能
- AngularJS使用ngOption实现下拉列表的实例代码
- JS设置下拉列表框当前所选值的方法
- js实现下拉列表选中某个值的方法(3种方法)
- jquery用ajax方式从后台获取json数据后如何将内容填充到下拉列表
- JS实现支持多选的遍历下拉列表代码
- 使用JS模拟锚点跳转的实例
- js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
- ajax跳转到新的jsp页面的方法
- JS动态添加的div点击跳转到另一页面实现代码
- JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转