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 相关文章推荐
新手入门常用代码集锦
Jan 11 Javascript
jquery模拟按下回车实现代码
Sep 20 Javascript
jquery实现的一个导航滚动效果具体代码
May 27 Javascript
浅析Javascript使用include/require
Nov 13 Javascript
javascript中字符串的定义示例代码
Dec 19 Javascript
js拼接html注意问题示例探讨
Jul 14 Javascript
JavaScript实现数字数组按照倒序排列的方法
Apr 06 Javascript
jQuery往返城市和日期查询实例讲解
Oct 09 Javascript
javascript的几种写法总结
Sep 30 Javascript
jQuery事件多次绑定与解绑问题实例分析
Feb 19 jQuery
从零撸一个pc端vue的ui组件库( 计数器组件 )
Aug 08 Javascript
微信小程序如何获取用户头像和昵称
Sep 23 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
收音机发烧友应当熟知的100条知识
2021/03/02 无线电
php5 图片验证码实现代码
2009/12/11 PHP
php更改目录及子目录下所有的文件后缀扩展名的代码
2010/10/12 PHP
PHP登录环节防止sql注入的方法浅析
2014/06/30 PHP
详谈PHP程序Laravel 5框架的优化技巧
2016/07/18 PHP
YII2.0框架行为(Behavior)深入详解
2019/07/26 PHP
仿服务器端脚本方式的JS模板实现方法
2007/04/27 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
2013/01/03 Javascript
js 处理数组重复元素示例代码
2013/12/27 Javascript
Javascript学习笔记之函数篇(五) : 构造函数
2014/11/23 Javascript
jquery获取css的color值返回RGB的方法
2015/12/18 Javascript
js匿名函数作为函数参数详解
2016/06/01 Javascript
jQuery遍历json的方法(推荐)
2016/06/12 Javascript
详解js的异步编程技术的方法
2017/02/09 Javascript
jquery请求servlet实现ajax异步请求的示例
2017/06/03 jQuery
Vue 2.0入门基础知识之内部指令详解
2017/10/15 Javascript
vue的滚动条插件实现代码
2019/09/07 Javascript
vue中组件通信详解(父子组件, 爷孙组件, 兄弟组件)
2020/07/27 Javascript
Python描述器descriptor详解
2015/02/03 Python
Python与R语言的简要对比
2017/11/14 Python
Python3学习urllib的使用方法示例
2017/11/29 Python
Python使用matplotlib实现基础绘图功能示例
2018/07/03 Python
python使用pygame模块实现坦克大战游戏
2020/03/25 Python
pyqt5 使用label控件实时显示时间的实例
2019/06/14 Python
简单了解python PEP的一些知识
2019/07/13 Python
Python qrcode 生成一个二维码的实例详解
2020/02/12 Python
基于Python脚本实现邮件报警功能
2020/05/20 Python
CSS3用@font-face实现自定义英文字体
2013/09/23 HTML / CSS
2014教师党员自我评议(5篇)
2014/09/20 职场文书
社区服务活动报告
2015/02/05 职场文书
销售人员管理制度
2015/08/06 职场文书
如何写好闭幕词
2019/04/02 职场文书
postgres之jsonb属性的使用操作
2021/06/23 PostgreSQL
python随机打印成绩排名表
2021/06/23 Python
Python Django模型详解
2021/10/05 Python
使用Python解决图表与画布的间距问题
2022/04/11 Python