13種跳轉頁面方法


我們來說說13種頁面跳轉方法

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

 

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跳轉頁面的方法還有很多,在這只列出了這幾中,


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM