萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> javascript怎麼禁用浏覽器後退按鈕

javascript怎麼禁用浏覽器後退按鈕

 這篇文章主要介紹了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方法。   
copyright © 萬盛學電腦網 all rights reserved