js 监听后退事件及跳转页面

Posted 蚂蚁Zz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 监听后退事件及跳转页面相关的知识,希望对你有一定的参考价值。

 

//直接跳转
window.location.href="b.html";
//返回上一级页面
window.history.back(-1);
//返回下一级页面
window.history.go(-1);

 

jq监听后退事件

<script type="text/javascript">
  $(document).ready(function(e) { 
    var counter = 0;
    if (window.history && window.history.pushState) {
      $(window).on(‘popstate‘, function () {
        window.history.pushState(‘forward‘, null, ‘#‘);
        window.history.forward(1);
        window.location.href="2.html";//执行操作
      });
    }
  window.history.pushState(‘forward‘, null, ‘#‘); //在IE中必须得有这两行
  window.history.forward(1);
});

 

以上是关于js 监听后退事件及跳转页面的主要内容,如果未能解决你的问题,请参考以下文章

浏览器“后退”“前进”或可以这么去监听

JS监听浏览器后退事件

如何在Angular项目里监听页面关闭、跳转事件?

JS--监听页面的后退/返回(移动端/PC端)

js监听浏览器后退事件

博文文字折叠及跳转代码