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 相关文章推荐
javascript中的undefined 与 null 的区别  补充篇
Mar 17 Javascript
基于json的jquery地区联动效果代码
Jul 06 Javascript
JS文本框追加多个下拉框的值的简单实例
Jul 12 Javascript
jQuery使用经验小技巧(推荐)
May 31 Javascript
JavaScript编码风格指南(中文版)
Aug 26 Javascript
Vue filters过滤器的使用方法
Jul 14 Javascript
layui的table单击行勾选checkbox功能方法
Aug 14 Javascript
Vue实现根据hash高亮选项卡
May 27 Javascript
JS模拟浏览器实现全局搜索功能
Sep 11 Javascript
vue3实现v-model原理详解
Oct 09 Javascript
基于form-data请求格式详解
Oct 29 Javascript
React中使用Vditor自定义图片详解
Dec 25 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
无线电广播与收音机发展的历史回眸
2021/03/02 无线电
MYSQL数据库初学者使用指南
2006/11/16 PHP
PHP中的MYSQL常用函数(php下操作数据库必备)
2010/09/12 PHP
CodeIgniter视图使用注意事项
2016/01/20 PHP
PHP lcfirst()函数定义与用法
2019/03/08 PHP
一个js实现的所谓的滑动门
2007/05/23 Javascript
js substr支持中文截取函数代码(中文是双字节)
2013/04/17 Javascript
js获取字符串字节数方法小结
2015/06/09 Javascript
JavaScript实现图片自动加载的瀑布流效果
2016/04/11 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
2016/11/21 Javascript
原生js实现简单的Ripple按钮实例代码
2017/03/24 Javascript
Javascript实现购物车功能的详细代码
2018/05/08 Javascript
vue-cli项目代理proxyTable配置exclude的方法
2018/09/20 Javascript
jQuery操作选中select下拉框的值代码实例
2020/02/07 jQuery
Python基础教程之利用期物处理并发
2018/03/29 Python
python3中zip()函数使用详解
2018/06/29 Python
详解python列表(list)的使用技巧及高级操作
2019/08/15 Python
Python利用多线程同步锁实现多窗口订票系统(推荐)
2019/12/22 Python
Python运行提示缺少模块问题解决方案
2020/04/02 Python
python如何调用字典的key
2020/05/25 Python
python如何利用Mitmproxy抓包
2020/10/10 Python
2021年值得向Python开发者推荐的VS Code扩展插件
2021/01/25 Python
纯CSS3制作的简洁蓝白风格的登录模板(非IE效果更好)
2013/08/11 HTML / CSS
香港永安旅游网:Wing On Travel
2017/04/10 全球购物
全球最大的中文旅行网站:去哪儿网
2017/11/16 全球购物
美国运动鞋和服装网上商店:YCMC
2018/09/15 全球购物
技校毕业生自荐信
2014/06/03 职场文书
中国梦口号
2014/06/13 职场文书
国际贸易本科毕业生求职信
2014/09/26 职场文书
教师自查自纠材料
2014/10/14 职场文书
党员学习新党章思想汇报
2014/10/25 职场文书
班主任2015新年寄语
2014/12/08 职场文书
工程部主管岗位职责
2015/02/12 职场文书
幼师自荐信范文
2015/03/06 职场文书
投资入股协议书
2016/03/22 职场文书
安装配置mysql及Navicat prenium的详细流程
2021/06/10 MySQL