jquery實現禁用瀏覽器后退的方法

這篇文章給大家分享的是有關jquery實現禁用瀏覽器后退的方法的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

創新互聯建站是專業的五大連池網站建設公司，五大連池接單;提供成都網站設計、成都做網站,網頁設計,網站設計,建網站,PHP網站建設等專業做網站服務;采用PHP框架,可快速的進行五大連池網站開發網頁制作和功能擴展;專業做搜索引擎喜愛的網站,專業的做網站團隊,希望更多企業前來合作!

jquery實現禁用瀏覽器后退的方法：首先打開相應的js文件；然后通過“jQuery(document).ready(function () {...}”方法禁用瀏覽器的back和next按鈕即可。

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實現禁用瀏覽器后退的方法就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

文章標題：jquery實現禁用瀏覽器后退的方法
本文URL：http://m.kartarina.com/article46/pphhhg.html

成都網站建設公司_創新互聯，為您提供商城網站、外貿網站建設、外貿建站、關鍵詞優化、網站導航、Google

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯