js中的window.history的用法（二）

history.go()、history.back()、history.forward()history.back()和history.forward()分别表示向后一页和向前一页。history.go(num)表示向前或向后翻多少页，num为正数表示向前翻，为负数则向后翻。

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代码

<p class="oper_context_view"> 
 <a id="btn_exit" class="btn" href="javascript:void(0);">返回</a> 
 </p>

Js代码

$("#btn_exit").bind("click",function(){ 
 window.location.reload(); //刷新 
 window.history.go(1); //前进 
 window.history.go(-1); //返回+刷新 
 window.history.forward(); //前进 
 window.history.back(); //返回 
 });

【相关推荐】

1. 特别推荐：“php程序员工具箱”V0.1版本下载

2. js中的window.history的用法（一）

3. 详细介绍h5中的history.pushState()使用实例

4. 深入了解h5中history特性--pushState、replaceState

5. h5中History API 对Web应用的影响