javascript history对象(历史记录)使用方法(实现浏览器前进后退)


Posted in Javascript onJanuary 07, 2014

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 相关文章推荐
IE6 fixed的完美解决方案
Mar 31 Javascript
利用javascript的面向对象的特性实现限制试用期
Aug 04 Javascript
JavaScript的String字符串对象常用操作总结
May 26 Javascript
jQuery表单事件实例代码分享
Aug 18 Javascript
关于微信上网页图片点击全屏放大效果
Dec 19 Javascript
JS基于面向对象实现的拖拽功能示例
Dec 20 Javascript
如何利用JQuery实现从底部回到顶部的功能
Dec 27 Javascript
详谈jQuery.load()和Jsp的include的区别
Apr 12 jQuery
bootstrap Table的一些小操作
Nov 01 Javascript
vue devtools的安装与使用教程
Aug 08 Javascript
jquery登录的异步验证操作示例
May 09 jQuery
ant-design-vue 快速避坑指南(推荐)
Jan 21 Javascript
form表单action提交的js部分与html部分
Jan 07 #Javascript
javascript对话框使用方法(警告框 javascript确认框 提示框)
Jan 07 #Javascript
javascript计时器事件使用详解
Jan 07 #Javascript
javascript创建和存储cookie示例
Jan 07 #Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
Jan 07 #Javascript
window.showModalDialog()返回值的学习心得总结
Jan 07 #Javascript
js showModalDialog参数的使用详解
Jan 07 #Javascript
You might like
PHP语法速查表
2007/01/02 PHP
Joomla下利用configuration.php存储简单数据
2010/05/19 PHP
通过缓存数据库结果提高PHP性能的原理介绍
2012/09/05 PHP
php根据某字段对多维数组进行排序的方法
2015/03/07 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
PHP 面向对象程序设计之类属性与类常量实现方法分析
2020/04/13 PHP
javascript算法学习(直接插入排序)
2011/04/12 Javascript
超棒的响应式布局jQuery插件Freetile.js
2014/11/17 Javascript
深入分析Cookie的安全性问题
2015/03/01 Javascript
js数组依据下标删除元素
2015/04/14 Javascript
ECMAScript中函数function类型
2015/06/03 Javascript
jQuery实现的网页左侧在线客服效果代码
2015/10/23 Javascript
JavaScript事件 &quot;事件对象&quot;的注意要点
2016/01/14 Javascript
jQuery基于json与cookie实现购物车的方法
2016/04/15 Javascript
仿百度换肤功能的简单实例代码
2016/07/11 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
2016/12/07 Javascript
jQuery EasyUI Accordion可伸缩面板组件使用详解
2017/02/28 Javascript
基于ajax和jsonp的原生封装(实例)
2017/10/16 Javascript
vuex 项目结构目录及一些简单配置介绍
2018/04/08 Javascript
js字符串类型String常用操作实例总结
2019/07/05 Javascript
vue中的双向数据绑定原理与常见操作技巧详解
2020/03/16 Javascript
js实现盒子拖拽动画效果
2020/08/09 Javascript
Vue项目打包部署到apache服务器的方法步骤
2021/02/01 Vue.js
[02:43]DOTA2英雄基础教程 德鲁伊
2014/01/13 DOTA
[01:10:58]Spirit vs NB Supermajor小组赛 A组败者组决赛 BO3 第二场 6.2
2018/06/03 DOTA
[01:00:14]DOTA2-DPC中国联赛 正赛 Ehome vs Elephant BO3 第二场 2月28日
2021/03/11 DOTA
Python实现excel转sqlite的方法
2017/07/17 Python
如何通过50行Python代码获取公众号全部文章
2019/07/12 Python
如何理解Python中的变量
2020/06/01 Python
详解如何使用rem或viewport进行移动端适配
2020/08/14 HTML / CSS
北美三大旅游网站之一:Travelocity加拿大
2016/08/20 全球购物
日常奢侈品,轻松购物:Verishop
2019/08/20 全球购物
父亲节活动总结
2015/02/12 职场文书
放射科岗位职责
2015/02/14 职场文书
英文辞职信范文
2015/05/13 职场文书
邓小平文选读书笔记
2015/06/29 职场文书