JS彈出框、對話方塊、提示框,JS關閉視窗、關閉頁面和JS控制頁面跳轉
1. RequestDispatcher.forward()
在伺服器端起作用,當使用forward()時,Servlet engine傳遞HTTP請求從當前的Servlet或者是JSP到另外的一個Servlet、JSP 或普通HTML檔案,也即你的form提交至a.jsp,在a.jsp用到了forward()重定向至b.jsp,此時form提交的所有資訊在 b.jsp都可以獲得,引數自動傳遞. 但forward()無法重定向至有frame的jsp檔案,可以重定向至有frame的html檔案,同時forward()無法在後面帶引數傳遞,比 如servlet?name=frank,這樣不行,可以程式內通過response.setAttribute("name",name)來傳至下一個 頁面。
重定向後瀏覽器位址列URL不變。
例:在servlet中進行重定向
public void doPost(HttpServletRequest request,HttpServletResponse response)
throws ServletException,IOException{
response.setContentType("text/html; charset=gb2312");
ServletContext sc = getServletContext();
RequestDispatcher rd = null;
rd = sc.getRequestDispatcher("/index.jsp"); //定向的頁面
rd.forward(request, response);
}
或
request.getRequestDispatcher(" /index.jsp ").forward(request, response);//轉發到index .jsp getServletConfig().getServletContext().getRequestDispatcher("/index.jsp ").forward(request, response);
//轉發到 index .jsp
通常在servlet中使用,不在jsp中使用。
2. response.sendRedirect()
在使用者的瀏覽器端工作,sendRedirect()可以帶引數傳遞,比如servlet?name=frank傳至下個頁面,同時它可以重定向至不同的主機上,sendRedirect()可以重定向有frame.的jsp檔案.
重定向後在瀏覽器位址列上會出現重定向頁面的URL。
例:在servlet中重定向
public void doPost(HttpServletRequest request,HttpServletResponse response)
throws ServletException,IOException{
response.setContentType("text/html; charset=gb2312");
response.sendRedirect("/index.jsp");
}
由於response是jsp頁面的隱含物件,故在jsp頁面中可用response.sendRedirect()直接實現重定位。
注意:
(1) 使用response.sendRedirect時,前面不能有HTML輸出;這並不是絕對的,不能有HTML輸出其實是指不能有HTML被送到了瀏覽器。事實上現在的server都有cache機制,一般在8K(我是說 JSP SERVER),這就意味著,除非你關閉了cache,或者你使用了out.flush()強制重新整理,那麼在使用sendRedirect之前, 有少量的HTML輸出也是允許的。
(2) response.sendRedirect之後,應該緊跟一句return。
我們已經知道response.sendRedirect是通過瀏覽器來做轉向的,所以只有在頁面處理完成後,才會有實際的動作。既然你已經要做轉向了,那麼後的輸出還有什麼意義呢?而且有可能會因為後面的輸出導致轉向失敗。
比較:
(1) Dispatcher.forward()是容器中控制權的轉向,在客戶端瀏覽器位址列中不會顯示出轉向後的地址;
(2) response.sendRedirect()則是完全的跳轉,瀏覽器將會得到跳轉的地址,並重新發送請求連結。這樣,從瀏覽器的位址列中可以看到跳轉後的連結地址。
前者更加高效,在前者可以滿足需要時,儘量使用RequestDispatcher.forward()方法。
在有些情況下,比如,需要跳轉到一個其它伺服器上的資源,則必須使HttpServletResponse.sendRequest()方法
。
3. <jsp:forward page="" />
它的底層部分是由RequestDispatcher來實現的,因此它帶有RequestDispatcher.forward()方法的印記。
如果在之前有很多輸出,前面的輸出已使緩衝區滿,將自動輸出到客戶端,那麼該語句將不起作用,這一點應該特別注意。
注意:
它不能改變瀏覽器地址,重新整理的話會導致重複提交
4. 修改HTTP header的Location屬性來重定向
通過設定直接修改位址列來實現頁面的重定向。
jsp檔案程式碼如下:
<%
response.setStatus(HttpServletResponse.SC_MOVED_PERMANENTLY);
String newLocn = "/newpath/jsa.jsp";
response.setHeader("Location",newLocn);
%>
5. JSP中實現在某頁面停留若干秒後,自動重定向到另一頁面
在html檔案中,下面的程式碼:
<meta http-equiv="refresh" content="300; url=target.jsp">
它的含義:在5分鐘之後正在瀏覽的頁面將會自動變為target.html這一頁。程式碼中300為重新整理的延遲時間,以秒為單位。targer.html為你想轉向的目標頁,若為本頁則為自動重新整理本頁。
由上可知,可以通過setHeader來實現某頁面停留若干秒後,自動重定向到另一頁面。程式碼:
String content=stayTime+";URL="+URL;
response.setHeader("REFRESH",content);
Js 頁面跳轉(父頁面,外層頁面,本頁面)
"window.location.href"、"location.href"是本頁面跳轉
"parent.location.href"是上一層頁面跳轉
"top.location.href"是最外層的頁面跳轉
舉例說明:
如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js這樣寫
"window.location.href"、"location.href":D頁面跳轉
"parent.location.href":C頁面跳轉
"top.location.href":A頁面跳轉
如果D頁面中有form的話,
: form提交後D頁面跳轉: form提交後彈出新頁面
: form提交後C頁面跳轉
: form提交後A頁面跳轉
關於頁面重新整理,D 頁面中這樣寫:
"parent.location.reload();": C頁面重新整理 (當然,也可以使用子視窗的 opener 物件來獲得父視窗的物件:window.opener.document.location.reload(); )
"top.location.reload();": A頁面重新整理
Js 控制頁面跳轉的幾種方法
第一種:
<script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; </script>
第二種:
<script language="javascript"> alert("返回"); window.history.back(-1); </script>
第三種:
<script language="javascript"> window.navigate("top.jsp"); </script>
第四種:
<script language="JavaScript"> self.location='top.htm'; </script>
第五種:
<script language="javascript"> alert("非法訪問!"); top.location='xx.jsp'; </script>
第六種:
<script type="text/javascript"> // 頁面若在框架內,則跳出框架 if (self != top) { top.location = self.location; }; </script>
第七種:
自定義時間跳轉(方法一):
<script language="javascript"> var secs = 3; //倒計時的秒數 var URL ; function Load(url){ URL = url; for(var i=secs;i>=0;i--) { window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000); } } function doUpdate(num) { document.getElementById('ShowDiv').innerHTML = '將在'+num+'秒後自動跳轉到主頁' ; if(num == 0) { window.location = URL; } } </script>
然後在裡面加上 index.asp為自己要跳轉的頁面。
在之間加上
自定義時間跳轉(方法二):
<p style="text-indent: 2em; margin-top: 30px;"> 系統將在 <span id="time">5</span> 秒鐘後自動跳轉至新網址,如果未能跳轉,<a href="http://www.jb51.net" title="點選訪問">請點選</a>。 <script type="text/javascript"> delayURL(); function delayURL() { var delay = document.getElementById("time").innerHTML; var t = setTimeout("delayURL()", 1000); if (delay > 0) { delay--; document.getElementById("time").innerHTML = delay; } else { clearTimeout(t); window.location.href = "http://www.jb51.net"; } } </script>參考文獻: