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 相关文章推荐
js实现的map方法示例代码
Jan 13 Javascript
调整小数的格式保留小数点后两位
May 14 Javascript
JavaScript中的分号插入机制详细介绍
Feb 11 Javascript
Angular外部使用js调用Angular控制器中的函数方法或变量用法示例
Aug 05 Javascript
JavaScript中boolean类型之三种情景实例代码
Nov 21 Javascript
javascript基础知识讲解
Jan 11 Javascript
详解Html a标签中href和onclick用法、区别、优先级别
Jan 16 Javascript
Bootstrap modal 多弹窗之叠加显示不出弹窗问题的解决方案
Feb 23 Javascript
使用travis-ci如何持续部署node.js应用详解
Jul 30 Javascript
vue移动端使用appClound拉起支付宝支付的实现方法
Nov 21 Javascript
javascript实现移动端上传图片功能
Aug 18 Javascript
基于element-ui对话框el-dialog初始化的校验问题解决
Sep 11 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
关于尾递归的使用详解
2013/05/02 PHP
php 批量替换程序的具体实现代码
2013/10/04 PHP
PHP开发微信支付的代码分享
2014/05/25 PHP
php用ini_get获取php.ini里变量值的方法
2015/03/04 PHP
CodeIgniter框架常见用法工作总结
2017/03/16 PHP
laravel validate 设置为中文的例子(验证提示为中文)
2019/09/29 PHP
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
2011/07/31 Javascript
解析javascript 浏览器关闭事件
2013/07/08 Javascript
javascript单引号和双引号的区别和处理
2014/05/14 Javascript
可编辑下拉框的2种实现方式
2014/06/13 Javascript
JavaScript分析、压缩工具JavaScript Analyser
2014/12/31 Javascript
nodejs中使用多线程编程的方法实例
2015/03/24 NodeJs
KnockoutJS 3.X API 第四章之事件event绑定
2016/10/10 Javascript
Bootstrap基本布局实现方法详解
2016/11/25 Javascript
微信小程序删除处理详解
2017/08/16 Javascript
实现一个完整的Node.js RESTful API的示例
2017/09/29 Javascript
ActiveX控件的使用-js实现打印超市小票功能代码详解
2017/11/22 Javascript
JavaScript中的高级函数
2018/01/04 Javascript
js canvas画布实现高斯模糊效果
2018/11/27 Javascript
基于Express框架使用POST传递Form数据
2019/08/10 Javascript
使用Webpack 搭建 Vue3 开发环境过程详解
2020/07/28 Javascript
element-ui 弹窗组件封装的步骤
2021/01/22 Javascript
Python3实现Web网页图片下载
2016/01/28 Python
教你用Python创建微信聊天机器人
2020/03/31 Python
Java实现的执行python脚本工具类示例【使用jython.jar】
2018/03/29 Python
pyqt5的QWebEngineView 使用模板的方法
2018/08/18 Python
Django中提示消息messages的设置方式
2019/11/15 Python
配置python的编程环境之Anaconda + VSCode的教程
2020/03/29 Python
Python获取浏览器窗口句柄过程解析
2020/07/25 Python
英国电动工具购买网站:Anglia Tool Centre
2017/04/25 全球购物
Room Mate Hotels美国:西班牙酒店品牌
2018/04/10 全球购物
Belstaff英国官方在线商店:Belstaff.co.uk
2021/02/09 全球购物
春节晚会主持词
2014/03/24 职场文书
房屋买卖委托公证书
2014/04/08 职场文书
党的群众路线教育实践活动调研报告
2014/11/03 职场文书
Java代码规范与质量检测插件SonarLint的使用
2022/08/05 Java/Android