html 禁止浏览器后退

2019-10-08  本文已影响0人  矛盾迩

//防止页面后退

history.pushState(null, null, document.URL);

window.addEventListener('popstate', function () {

    history.pushState(null, null, document.URL);

});

方法一:

      <script type="text/javascript">

            jQuery(document).ready(function ($) {

                if (window.history && window.history.pushState) {

        $(window).on('popstate', function () {

            window.history.forward(1);

        });

      }

    });

  </script>

  方法二【推荐】:

  $(function() {

  if (window.history && window.history.pushState) {

  $(window).on('popstate', function () {

  window.history.pushState('forward', null, '#');

  window.history.forward(1);

  });

  }

  window.history.pushState('forward', null, '#'); //在IE中必须得有这两行

  window.history.forward(1);

  })

上一篇下一篇

猜你喜欢

热点阅读