zoukankan      html  css  js  c++  java
  • 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可以传

  • 相关阅读:
    【NOIP2006T】作业调度方案
    「NOIP2012P」寻宝
    51Nod1084 矩阵取数问题 V2
    51Nod1294 修改数组
    51nod1122 机器人走方格V4
    多项式相关模板#1
    51Nod1514 美妙的序列
    Jzoj5674 香槟
    Jzoj5669 排列
    Jzoj5665 奥立卡的诗
  • 原文地址:https://www.cnblogs.com/05-hust/p/12403904.html
Copyright © 2011-2022 走看看