meta http-equiv="refresh" 和13种跳转页面方法

·

meta http-equiv="refresh" 和13种跳转页面方法

我们来说说13种页面跳转方法

先来介绍一下在服务端JSP脚本中跳转页面的4种方法:

一、在服务端JSP脚本中跳转

1.

response.sendRedirct(“跳转到页面”);
该方法通过修改HTTP协议的HEADER部分,对浏览器下达重定向指令的,使浏览器显示重定向网页的内容. request无法传值过去.

执行完该页所有代码,然后再跳转到页面. 跳转地址栏改变.
可以跳转到其他服务器上的页面response.sendRedirct(‘//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(“//www.jb51.net/index.html”);

第二种方法
下面的方法也能改变HTTP HEADER属性,它的原理和 1 是一样的.

response.setStatus(HttpServletResponse.SC_MOVED_PERMANENTLY); String
newLocn=”/index.html”; response.setHeader(“Location”,newLocn); % ><
br>

第三种方法.采用

< JSP:FORWORD>

该方法是利用服务器端先将数据输出到缓冲区的机制,在把缓冲区的内容发送到客户端之前,原来的不发送,改为发送该页面的内容,如果在< JSP:FORWORD>之前有很多输出,前面的输出已使缓冲区满,将自动输出到客户端,那么该语句将不起作用,这一点应该特别注意.

上面是在服务端利用JSP脚本的一些方法跳转,下面我们来看一下如何使用前端HTML,JS来做页面跳转
HTML语言的自动跳转

< html>  
< head>   
< meta http-equiv=”refresh” content=”0;url=”//www.jb51.net”>   
0是等待时间,如果设置为5表示等待5s后开始跳转  
< / head >

三、JavaScript跳转(6种方法)

第一种方法:

< script languate=”javascript”>
   window.location.replace(“//www.jb51.net”);
< / script>

第二种方法:

< script languate=”javascript”>   
window.location=”//www.jb51.net”;
< /script>

第三种方法:

< script languate=”javascript”>
  document.location.href(“//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跳转页面的方法还有很多,在这只列出了这几种给大家参考,谢谢。

·············

st.getRequestDispatcher(“跳转页面”); 
request可以传

原文地址:https://www.cnblogs.com/05-hust/p/12403904.html

时间: 2024-10-21 04:59:22

meta http-equiv="refresh" 和13种跳转页面方法的相关文章

js跳转页面方法大全

js跳转页面方法大全<span id="tiao">3</span><a href="javascript:countDown"></a>布丁足迹;秒后自动跳转--<meta http-equiv=refresh content=3;url='/search/billsearch.jsp'</ul> <!--脚本开始--> <script language="javascr

js跳转页面方法(转)

<span id="tiao">3</span><a href="javascript:countDown"></a>布丁足迹;秒后自动跳转--<meta http-equiv=refresh content=3;url='/search/billsearch.jsp'</ul> <!--脚本开始--><script language="javascript" t

常用的js跳转页面方法实现汇总

1.window.location.href方式 <script language="javascript" type="text/javascript"> window.location.href="target.jsp"; </script> 2.window.navigate方式跳转 <script language="javascript"> window.navigate(&quo

js跳转页面方法

<span id="tiao">3</span><a href="javascript:countDown"></a>布丁足迹;秒后自动跳转--<meta http-equiv=refresh content=3;url='/search/billsearch.jsp'</ul> <!--脚本开始--> <script language="javascript"

JS 跳转页面方法

说下 在iframe 框架的两种跳转! 1.从一个框架跳转到 name="mainframe" 的框架里. mainframe当前页的iframe名字 window.mainframe.location.href = '../index.aspx; window.mainframe.location.href = aSLI[0].href; 2.跳出框架,在父页面. window.parent.frames.location.href="../index.aspx"

在springboot整合thymeleaf模板引擎中@Controller和@RestController不同注解的跳转页面方法

注:本文纯属学习记录,以备后续查阅! 1.通过@RestController注解实现页面跳转: 对应H5静态页面 2.使用@Controller注解实现页面跳转 对应H5静态页面: 之所以会出现@Controller和@RestController两种注解实现跳转页面不同的方式主要的原因是: 通过@RestController源码知道@RestController是@Controller和@ResponseBody的组合注解 如果需要跳转到指定 的页面,需要使用@Controller注解和视图解

js跳转页面方法整理

1.window.location.href方式 window.location.href="http://www.zgw8.com"; 2.window.navigate方式跳转 window.navigate("http://www.zgw8.com"); 3.window.loction.replace方式跳转 window.location.replace("http://www.zgw8.com"); 4.self.location方式

mvc controller跳转页面方法

1.直接Redirect后加 Controller/Action Response.Redirect("/User/Edit"); //  return Redirect("/User/Edit"); return RedirectToAction("about","Home"); Response.Redirect("/User/Edit"); 2.直接return后加 Controller/Action

vue跳转页面方法

地址:https://blog.csdn.net/jiandan1127/article/details/86170336 1.  router-link1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name  // 注意:router-link中链接如果是'/'开始就是从根路由开始,如果开始不带'/