HTMLDOM系列教程之History对象

在我们平时浏览网页时可能都注意到了这个问题：在我们点击一个链接时，浏览器会把我们带到另一个新的页面，这时我们如果想返回，通常会点击浏览器上的后退按钮，但我们又想打开刚才那个新页面时，这时我们就又可以用前进按钮来实现。

其实，在网页里我们同样可以实现这样的功能，那么我们用Javascript该怎么实现的？这里用到了HTML DOM的History对象。History对象包含用户在浏览器窗口中访问过的URL，

History对象是window对象的一部分，我们可以通过window.history属性对其进行访问。下面我们来看一下它的属性和方法吧。

History对象的属性

length属性：返回浏览器历史列表中的URL数量

我们可以通过下面这个小例子测试一下

运行后我们会发现，刚打开页面时，URL数量为1,通过这个页面返回首页，然后再多点击几个页面，
最后一直点击浏览器上的“后退按钮”，直至回到测试页面，我们可以发现URL数量增加了。

History对象的方法

back()方法：加载History列表中的前一个URL

forward()方法：加载History列表中的后一个URL

go()方法：加载History列表中的某个具体页面

最后我们用下面这个Demo测试一下