javascript history对象(历史记录)使用方法(实现浏览器前进后退)
2018-10-12 13:59
781 查看
window.history对象在编写时可不使用 window 这个前缀。为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制。
方法:
history.back() - 加载历史列表中的前一个URL,这与在浏览器中点击前进按钮是相同的
history.forward() - 加载历史列表中的下一个URL,这与在浏览器中点击前进按钮是相同的
实例:
<html>
<button name="back" value="后退" onclick="goBack()">后退</button>
<button name="forward" value="前进" onclick="goForward()">前进</button>
<script type="text/javascript">
function goBack(){
history.back();
}
function goForward(){
history.forward();
}
</script>
</html>
其他方法:
history.go(0);//刷新当前页面
//以下是要在浏览器中有历史记录的,否则不会有效果.
history.go(1);//前进一页
history.go(-1);//后退一页
history.go(-2);//后退两页
history.length;//当前窗口包含的历史记录条数
您可能感兴趣的文章:
相关文章推荐
- javascript history对象(历史记录)使用方法(实现浏览器前进后退)
- Ajax请求如何实现页面无刷新前进后退,将ajax请求保存至浏览器历史记录
- 使用JavaScript的history对象来实现页面前进后退(go/back/forward)。
- 几种方法实现ajax请求内容时使用浏览器后退和前进功能
- 几种方法实现ajax请求内容时使用浏览器后退和前进功能
- Windows Phone 7 浏览器控件(WebBrowser) 支持历史记录,前进,后退,刷新。等功能
- 关于Ajax在浏览器中产生前进后退的实现方法
- 利用js实现 禁用浏览器后退| 去除上一个历史记录链接
- php基于双向循环队列实现历史记录的前进后退等功能
- php基于双向循环队列实现历史记录的前进后退等功能
- JavaScript不刷新实现浏览器的前进后退功能
- 使用jquery的load方法设计动态加载,并解决浏览器前进、后退、刷新等问题
- JavaScript Window History 实现浏览器的 前进 后退 功能
- 使用栈结构简易实现浏览器的后退与前进功能(以Android为例)
- JavaScript的history对象实现页面前进、后退、跳转
- 用javascript禁止浏览器使用刷新及前进后退
- JavaScript不刷新实现浏览器的前进后退功能
- javascript 控制前进和后退: 使用history对象
- 使用javascript禁止浏览器使用刷新及前进后退
- 使用jquery的load方法设计动态加载,并解决浏览器前进、后退、刷新等问题