這篇文章主要介紹了javascript禁用浏覽器後退按鈕的具體實現,有需要的朋友可以參考下
1、 代碼如下: <script language="JavaScript"> javascript:window.history.forward(1); </script> 利用JS產生一個“前進”的動作,以抵消後退功能,這種方法應該是最簡潔的,並且不需要考慮用戶連點兩次或多次“後退”的情況,缺點是當用戶端禁用了JavaScript之後即失效。 2、 代碼如下: <A HREF="logout.do" onclick="javascript:location.replace(this.href); event.returnValue=false; "> Logout (Back Disabled) </A> 用location.replace從一個頁面轉到另一個頁面。這種方法的原理是,用新頁面的URL替換當前的歷史紀錄,這樣浏覽歷史記錄中就只有一個頁面,後退按鈕永遠不會變為可用。我想這可能正是許多人所尋求的方法,但這種方法仍舊不是任何情況下的最好方法。這種方法的缺點在於:簡單地運用Response.Redirect將不再有效,這是因為每次用戶從一個頁面轉到另一個頁面,我們都必須用客戶端代碼清除location.history。另外還要注意,這種方法清除的是最後一個訪問歷史記錄,而不是全部的訪問記錄。 3、 當鍵盤敲下後退鍵(Backspace)後 1、禁止浏覽器自動後退 2、但不影響密碼、單行文本、多行文本輸入框等的回退操作 代碼如下: <script type="text/javascript"> //處理鍵盤事件 禁止後退鍵(Backspace)密碼或單行、多行文本框除外 function banBackSpace(e){ var ev = e || window.event;//獲取event對象 var obj = ev.target || ev.srcElement;//獲取事件源 var t = obj.type || obj.getAttribute('type');//獲取事件源類型 //獲取作為判斷條件的事件類型 var vReadOnly = obj.getAttribute('readonly'); var vEnabled = obj.getAttribute('enabled'); //處理null值情況 vReadOnly = (vReadOnly == null) ? false : vReadOnly; vEnabled = (vEnabled == null) ? true : vEnabled; //當敲Backspace鍵時,事件源類型為密碼或單行、多行文本的, //並且readonly屬性為true或enabled屬性為false的,則退格鍵失效 var flag1=(ev.keyCode == 8 && (t=="password" || t=="text" || t=="textarea") && (vReadOnly==true || vEnabled!=true))?true:false; //當敲Backspace鍵時,事件源類型非密碼或單行、多行文本的,則退格鍵失效 var flag2=(ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea") ?true:false; //判斷 if(flag2){ return false; } if(flag1){ return false; } } //禁止後退鍵 作用於Firefox、Opera document.onkeypress=banBackSpace; //禁止後退鍵 作用於IE、Chrome document.onkeydown=banBackSpace; </script> 以上方法都是針對“後退”按鈕作出的反應,客戶端浏覽器需要打開JavaScript代碼。 4、禁止緩存 代碼如下: <% response.setHeader("Cache-Control", "no-cache"); response.setHeader("Cache-Control", "no-store"); response.setDateHeader("Expires", 0); response.setHeader("Pragma", "no-cache"); %> 這種方法使用服務器端腳本,強制浏覽器重新訪問服務器下載頁面,而不從緩存讀取,結合struts jsp頁面中的<logic>標簽實現重新定向。 以上各種方法都有一定的局限 5、 代碼如下: <script language="JavaScript"> function logout(){ window.close(true); window.open("logout.do"); } </script> <button onClick="logout()">Logout</button> 這種方法比較偷懶,關掉浏覽器再重新開,經過我的測試在視覺上幾乎感覺不出來延時,同時又保證了後退按鈕不可用(新窗口浏覽器後退按鈕為灰色),看起來似乎是個好方法,但缺點也比較明顯: 首先,關閉和重開的浏覽器窗口大小可能不同,用戶可以明顯看出這一過程,並且在一定程度上影響操作。 其次,同上,這是一個JavaScript方法。