先來介紹一下在服務(wù)端JSP腳本中跳轉(zhuǎn)頁面的幾種方法:
1. response.sendRedirct("跳轉(zhuǎn)到頁面");
該方法通過修改HTTP協(xié)議的HEADER部分,對(duì)瀏覽器下達(dá)重定向指令的,使瀏覽器顯示重定向網(wǎng)頁的內(nèi)容. request無法傳值過去.
執(zhí)行完該頁所有代碼,然后再跳轉(zhuǎn)到頁面. 跳轉(zhuǎn)地址欄改變.
可以跳轉(zhuǎn)到其他服務(wù)器上的頁面response.sendRedirct('https://www.jb51.net').
2.response.setHeader();
該方法和response.sendRedirect一樣,通過修改HTTP協(xié)議的HEADER部分.
%
response.setStatus(HttpServletResponse.SC_MOVED_PERMANENTLY);
String newLocn="/index.html";
response.setHeader("Location",newLocn);
%>
3.jsp:forward page="跳轉(zhuǎn)頁面"/>
該方法是利用服務(wù)器端先將數(shù)據(jù)輸出到緩沖區(qū)的機(jī)制,在把緩沖區(qū)的內(nèi)容發(fā)送到客戶端之前,原來的不發(fā)送,改為發(fā)送該頁面的內(nèi)容,如果在jsp:forward>之前有很多輸出,前面的輸出已使緩沖區(qū)滿,將自動(dòng)輸出到客戶端,那么該語句將不起作用,這一點(diǎn)應(yīng)該特別注意.
request可以傳值過去. 直接跳轉(zhuǎn)到頁面,后面的代碼不執(zhí)行. 跳轉(zhuǎn)后地址欄不變. 無法跳轉(zhuǎn)到其他服務(wù)器上的頁面. 圖片不是絕對(duì)路徑無法顯示.
4.request.getRequestDispatcher("跳轉(zhuǎn)頁面");
request可以傳值過去. 執(zhí)行完該頁所有代碼,然后再跳轉(zhuǎn)到頁面.
跳轉(zhuǎn)地址欄不變. 不可以跳轉(zhuǎn)到其他服務(wù)器上的頁面
%
RequestDispatcher rd = request.getRequestDispatcher("jb51.jsp");
rd.forward(request,response);
%>
有以下3種方法可以做到輸出重定向:
RESPONSE.SETREDERECT("URL")
該方法通過修改HTTP協(xié)議的HEADER部分,對(duì)瀏覽器下達(dá)重定向指令的,使瀏覽器顯示重定向網(wǎng)頁的內(nèi)容.
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>
該方法是利用服務(wù)器端先將數(shù)據(jù)輸出到緩沖區(qū)的機(jī)制,在把緩沖區(qū)的內(nèi)容發(fā)送到客戶端之前,原來的不發(fā)送,改為發(fā)送該頁面的內(nèi)容,如果在JSP:FORWORD>之前有很多輸出,前面的輸出已使緩沖區(qū)滿,將自動(dòng)輸出到客戶端,那么該語句將不起作用,這一點(diǎn)應(yīng)該特別注意.
上面是在服務(wù)端利用JSP腳本的一些方法跳轉(zhuǎn),下面我們來看一下如何使用前端HTML,JS來做頁面跳轉(zhuǎn)
HTML語言的自動(dòng)跳轉(zhuǎn)
html>
head>
meta http-equiv="refresh" content="0;url="https://www.jb51.net">
0是等待時(shí)間,如果設(shè)置為5表示等待5s后開始跳轉(zhuǎn)
/head>
JavaScript跳轉(zhuǎn)
第一種方法:
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對(duì)象的back(),go()方法.go()方法需要一個(gè)整形入口參數(shù)
a href="javascript:history.go(-1)" rel="external nofollow" >返回上一步/a>
或
a href="javascript:history.back()" rel="external nofollow" >返回上一步/a>
兩者等價(jià)都是返回上一頁
第五種方法:
document.formName.action="test.jsp";
document.formName.submit(); //使用JS提交的方式
此方法不推薦使用
第六種方法:
script language="javascript">
window.navigate("top.jsp");
/script>
其實(shí)利用JS跳轉(zhuǎn)頁面的方法還有很多,在這只列出了這幾中,其它方法當(dāng)你對(duì)JS有了基本了解后可以自由發(fā)揮你的想像了
您可能感興趣的文章:- JS中Select下拉列表類(支持輸入模糊查詢)功能
- AngularJS使用ngOption實(shí)現(xiàn)下拉列表的實(shí)例代碼
- JS設(shè)置下拉列表框當(dāng)前所選值的方法
- js實(shí)現(xiàn)下拉列表選中某個(gè)值的方法(3種方法)
- jquery用ajax方式從后臺(tái)獲取json數(shù)據(jù)后如何將內(nèi)容填充到下拉列表
- JS實(shí)現(xiàn)支持多選的遍歷下拉列表代碼
- 使用JS模擬錨點(diǎn)跳轉(zhuǎn)的實(shí)例
- js實(shí)現(xiàn)微信/QQ直接跳轉(zhuǎn)到支付寶APP打開口令領(lǐng)紅包功能
- ajax跳轉(zhuǎn)到新的jsp頁面的方法
- JS動(dòng)態(tài)添加的div點(diǎn)擊跳轉(zhuǎn)到另一頁面實(shí)現(xiàn)代碼
- JS實(shí)現(xiàn)點(diǎn)擊下拉列表文本框中出現(xiàn)對(duì)應(yīng)的網(wǎng)址,點(diǎn)擊跳轉(zhuǎn)按鈕實(shí)現(xiàn)跳轉(zhuǎn)