js中的window.history的用法(二)
程序员文章站
2022-04-29 21:29:12
...
Window.history保存用户在一个会话期间的网站访问记录,用户每次访问一个新的URL即创建一个新的历史记录。
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版本下载
3. 详细介绍h5中的history.pushState()使用实例
4. 深入了解h5中history特性--pushState、replaceState
以上就是js中的window.history的用法(二)的详细内容,更多请关注其它相关文章!
推荐阅读