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

來源:互聯網
上載者:User

標籤:rip   control   ble   lin   視窗   讀取   text   用戶端瀏覽器   oca   

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方法。

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.