jquery如何實現禁用瀏覽器後退

jquery實作禁用瀏覽器後退的方法：首先開啟對應的js檔案；然後透過「jQuery(document).ready(function () {...}」方法停用瀏覽器的back和next按鈕即可。

本教學操作環境：windows7系統、jquery1.10.0版本、thinkpad t480電腦。

#建議：《 jquery影片教學》

jquery停用瀏覽器後退按鈕

使用Jquery 停用瀏覽器的back 與next 按鈕：

#有時為了防止使用者亂了存取順序，不得不禁掉瀏覽器的前進後退按鈕

jQuery(document).ready(function () {
    if (window.history && window.history.pushState) {
        $(window).on('popstate', function () {
        　　　// 当点击浏览器的 后退和前进按钮 时才会被触发， 
            window.history.pushState('forward', null, ''); 
            window.history.forward(1);
        });
    }
    //在IE中必须得有这两行
    window.history.pushState('forward', null, '');  
    window.history.forward(1);
});

這段程式碼主要使用js的window.history 物件；

舉個例子：

假如目前頁面的url是：http://localhost:28713/SBNext/index.aspx

執行：window.history.pushState('forward', null, 'badu.aspx');

結果： 在瀏覽器記錄中新增一筆記錄http://localhost:28713/SBNext/index.aspx。目前頁面的url變成http://localhost:28713/SBNext/badu.aspx ，但是不會重新整理頁面，也不會檢查url是否正確。這時如果點選瀏覽器的back按鈕會回退到 http://localhost:28713/SBNext/index.aspx頁面， 還是目前頁面。 所以這就是上面停用back按鈕的原理。

以上是jquery如何實現禁用瀏覽器後退的詳細內容。更多資訊請關注PHP中文網其他相關文章！