先來介紹一下在服務端JSP腳本中跳轉頁面的幾種方法：

1. response.sendRedirct("跳轉到頁面");

該方法通過修改HTTP協議的HEADER部分,對瀏覽器下達重定向指令的,使瀏覽器顯示重定向網頁的內容. request無法傳值過去.
執(zhí)行完該頁所有代碼,然后再跳轉到頁面. 跳轉地址欄改變.
可以跳轉到其他服務器上的頁面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="跳轉頁面"/>

該方法是利用服務器端先將數據輸出到緩沖區(qū)的機制,在把緩沖區(qū)的內容發(fā)送到客戶端之前,原來的不發(fā)送,改為發(fā)送該頁面的內容,如果在jsp:forward>之前有很多輸出,前面的輸出已使緩沖區(qū)滿,將自動輸出到客戶端,那么該語句將不起作用,這一點應該特別注意.
request可以傳值過去. 直接跳轉到頁面,后面的代碼不執(zhí)行. 跳轉后地址欄不變. 無法跳轉到其他服務器上的頁面. 圖片不是絕對路徑無法顯示.

4.request.getRequestDispatcher("跳轉頁面");

request可以傳值過去. 執(zhí)行完該頁所有代碼,然后再跳轉到頁面.
跳轉地址欄不變. 不可以跳轉到其他服務器上的頁面

%
 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>
該方法是利用服務器端先將數據輸出到緩沖區(qū)的機制,在把緩沖區(qū)的內容發(fā)送到客戶端之前,原來的不發(fā)送,改為發(fā)送該頁面的內容,如果在JSP:FORWORD>之前有很多輸出,前面的輸出已使緩沖區(qū)滿,將自動輸出到客戶端,那么該語句將不起作用,這一點應該特別注意.

上面是在服務端利用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有了基本了解后可以自由發(fā)揮你的想像了