- //====================== JS最常用三種彈出對話框 ========================
- //1彈出對話框並輸出一段提示信息
- function ale() {
- //彈出一個對話框
- alert("提示信息！");
- }
- //2彈出一個詢問框，有確定和取消按鈕
- function firm() {
- //利用對話框返回的值 （true 或者 false）
- if (confirm("你確定提交嗎？")) {
- alert("點擊了確定");
- }
- else {
- alert("點擊了取消");
- }
- }
- //3彈出一個輸入框，輸入一段文字，可以提交
- function prom() {
- var name = prompt("請輸入您的名字", ""); //將輸入的內容賦給變量 name ，
- //這里需要注意的是，prompt有兩個參數，前面是提示的話，后面是當對話框出來后，在對話框里的默認值
- if (name)//如果返回的有內容
- {
- alert("歡迎您：" + name)
- }
- }
- //按鈕提示框
- <input type="button" name="btn2" id="btn2" value="刪除" onclick="return confirm('Yes/No'););
- //按鈕提示框
- <input type="button" name="btn2" id="btn2" value="提示" onclick="javaScript:alert('您確定要刪除嗎？');
- //提交按鈕
- <input type="button" value="提交" onclick="javaScript:window.location.href='http://www.baidu.com';"/>
- //關閉按鈕
- <input type="button" value="關閉" onclick="javaScript:window.close();">
- //返回並關閉連接
- <a href="#" onclick="javascript:;window.opener.location.reload();window.close()">返回</a>
- javaScript:window.location.reload();//返回當前頁並刷新
- //返回上一級頁面
- <input type="button" name="button" value="< 返回" onclick="javascript:history.go(-1)"/>
function closeie(){
window.close();
}
//關閉IE6不提示
function closeie6(){
window.opener=null;
window.close();
}
//關閉IE7不提示
function closeie7(){
window.open('','_top');
window.top.close();
}
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的話,
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>
參考文獻：