javascript禁用瀏覽器後退按鈕實現代碼

來源:互聯網
上載者:User

用於實現該功能的JavaScript代碼如下:
所示:

 代碼如下 複製代碼
<script language="JavaScript">
<!--
javascript:window.history.forward(1);
//-->
</script>

  同樣地,這種方法雖然有效,但距離“最好的方法”還差得很遠。後來我又看到有人建議用location.replace從一個頁面轉到另一個頁面。這種方法的原理是,用新頁面的URL替換當前的曆史紀錄,這樣瀏覽歷程記錄中就只有一個頁面,後退按鈕永遠不會變為可用。我想這可能正是許多人所尋求的方法,但這種方法仍舊不是任何情況下的最好方法。使用這種
方法的執行個體如下所示:

 代碼如下 複製代碼
<A HREF="PageName.htm" onclick="javascript:location.replace(this.href);
event.returnValue=false; ">

禁止後退到本頁面的連結</A>
   禁止後退到本頁面的連結!
  這種方法的缺點在於:簡單地運用Response.Redirect將不再有效,這是因為每次使用者從一個頁面轉到另一個頁面,我們都必須用用戶端代碼清除location.history。另外還要注意,這種方法清除的是最後一個訪問記錄,而不是全部的訪問記錄。


當鍵盤敲下後退鍵(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個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.