jquery實(shí)現(xiàn)禁用瀏覽器后退的方法

這篇文章給大家分享的是有關(guān)jquery實(shí)現(xiàn)禁用瀏覽器后退的方法的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。

jquery實(shí)現(xiàn)禁用瀏覽器后退的方法：首先打開(kāi)相應(yīng)的js文件；然后通過(guò)“jQuery(document).ready(function () {...}”方法禁用瀏覽器的back和next按鈕即可。

jquery禁用瀏覽器后退按鈕

使用Jquery 禁用瀏覽器的back 和 next 按鈕：

有時(shí)為了防止用戶亂了訪問(wèn)順序，不得不禁掉瀏覽器的前進(jìn)后退按鈕

jQuery(document).ready(function () {
    if (window.history && window.history.pushState) {
        $(window).on('popstate', function () {
        　　　// 當(dāng)點(diǎn)擊瀏覽器的 后退和前進(jìn)按鈕 時(shí)才會(huì)被觸發(fā)， 
            window.history.pushState('forward', null, ''); 
            window.history.forward(1);
        });
    }
    //在IE中必須得有這兩行
    window.history.pushState('forward', null, '');  
    window.history.forward(1);
});

這段代碼主要使用js的 window.history 對(duì)象；

舉個(gè)例子：

假如當(dāng)前頁(yè)面的url是：http://localhost:28713/SBNext/index.aspx

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

結(jié)果： 在瀏覽器歷史記錄中添加一條記錄http://localhost:28713/SBNext/index.aspx。當(dāng)前頁(yè)面的url變成http://localhost:28713/SBNext/badu.aspx ，但是不會(huì)刷新頁(yè)面，也不會(huì)檢查url是否正確。 這時(shí)如果點(diǎn)擊 瀏覽器的back按鈕會(huì)回退到http://localhost:28713/SBNext/index.aspx頁(yè)面， 還是當(dāng)前頁(yè)面。 所以這就是上面禁用back按鈕 的原理。

感謝各位的閱讀！關(guān)于jquery實(shí)現(xiàn)禁用瀏覽器后退的方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！