JavaScript入门教程

JavaScript简介
JavaScript语法基础
JavaScript流程控制
JavaScript函数
面向对象编程
JavaScript事件
JavaScript DOM
正则表达式
JavaScript BOM
AJAX

专题分析

浏览器兼容性
JS优化
Web前端开发规范
编辑器推荐
总结和笔记

学习助手

对象参考手册
ECMAScript分析
数据中心
QQ交流群

JavaScript History对象

window.history 对象包含浏览器的历史。

浏览者通常可以使用浏览器的前进与后退按钮访问曾经浏览过的页面。JavaScript的history对象记录了用户曾经浏览过的页面,并可以实现浏览器前进与后退相似的导航功能。

可以通过back函数后退一个页面,forward函数前进一个页面,或者使用go函数任意后退或前进页面,还可以通过length属性查看history对象中存储的页面数。

注意:
  • 由于安全的原因,不能显示history对象中的历史页面URL。
  • 如果一个窗体没有被用户浏览过任何页面(也就是一个新建的窗体),其history对象缓存的URL为空,无法使用相关函数导航。
history对象的方法和属性
方法/属性 说明
go() 前进或后退指定的页面数
back() 后退一页,与浏览器的后退按钮功能相同
forward() 前进一页,与浏览器的前进按钮功能相同
length history对象中缓存了多少个URL

对于 go() 方法的说明。

语法:
    history.go(x)
其中,x (整数)为前进或后退的页面数。
  • x > 0:前进 x 个页面;
  • x < 0:后退 -x 个页面;
  • x = 0:刷新当前页面。

例如,前进一个页面:
history.go(1);  // 与 history.forward() 功能相同
后退一个页面:
history.go(-1);  // 与 history.back() 功能相同
刷新当前页面
history.go(0);  // 与 location.reload() 功能相同

实例演示: