window.history back/go/forward/reload

孤街浪徒 提交于 2020-04-03 21:35:31

window.history.go(-1)返回且刷新页面

windows窗口对象(历史)history.go(),history.back(),history.forward()。

   因为windows对象引用不是必须的。所以windows.history.go() == history.go()的。

   go()方法只有一个参数,可以是整数、负数。如果是正数,就前进。负数就是后退。(相当于Forward和Back的区别)

   因此,后退一页,可用下面的代码:(后退多页,只需改变go的参数)

   window.history.go(-1);

   要前进一页,只需要使用正数;

   history.go(1);

   另外,用back()和forward()方法可以实现同样的操作:

      history.back();   后退

      history.forward(); 前进

   还可以用length属性查看历史中的页面数:

      history.length;

2.history.go(-1)和history.back()的区别

   history.go(-1)表示后退与刷新。如数据有改变也随之改变

   history.back()只是单纯的返回到上一页。

例:

Html代码  
  1. <divclass="oper_context_view">
  2.           <aid="btn_exit"class="btn"href="javascript:void(0);">返回</a>
  3.  </div>
<div class="oper_context_view">           <a id="btn_exit" class="btn" href="javascript:void(0);">返回</a>  </div>
 
Js代码  
  1. $("#btn_exit").bind("click",function(){  
  2.               window.location.reload();    //刷新
  3.               window.history.go(1);         //前进
  4.               window.history.go(-1);        //返回+刷新
  5.               window.history.forward();  //前进
  6.               window.history.back();       //返回
  7.   });   
  $("#btn_exit").bind("click",function(){                 window.location.reload();    //刷新                 window.history.go(1);         //前进                 window.history.go(-1);        //返回+刷新                 window.history.forward();  //前进                 window.history.back();       //返回     }); 
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!