JavaScript History 对象:浏览器访问历史,history.back()、histo
History 对象
JavaScript History 对象用于记录操作浏览器的访问历史。History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。
提示:History 对象的有效作用范围都是指当前窗口。
History 对象 length 属性
History 对象有唯一的一个 length 属性,用于得到浏览器访问历史记录中的 URL 数量。例子如下:
<script type="text/javascript"> document.write(history.length); </script>运行该例子,输出:
0说明
该例子输出的结果取决于当前页面的浏览记录,如果是新窗口打开该例子,IE 浏览器会输出 0(即从 0 开始计算),而 Firefox、Chrome 等浏览器则会输出 1。
History 对象方法
History 对象有如下 3 个方法:
- history.back():返回前一个浏览页面(如果存在)
- history.forward():前往下一个浏览页面(如果存在)
- history.go():前往 history 列表中的某个指定页面(如果存在)
back() 方法
back() 方法用于返回前一个浏览页面(如果存在),其效果相当于点击浏览器的返回按钮或者调用 history.go(-1)。以下是常用的返回上一页提示:
<a href="javascript:window.history.back()" />返回上一页</a>
forward() 方法
back() 方法用于前往下一个浏览页面(如果存在),其效果相当于点击浏览器的前进按钮或者调用 history.go(1)。例子:
<a href="javascript:window.history.forward()" />前往下一页</a>
go() 方法
go() 方法用于前往 history 列表中的某个指定页面(如果存在),语法如下:
history.go( number|URL )
参数 | 说明 |
---|---|
number | 要访问的页面相对当前页面的位置,负整数表示往后返回,正整数表示往前进。 |
URL | 要访问的 URL,或 URL 的子串。 |
下面的例子效果与 history.back() 相同:
<a href="javascript:window.history.go(-1)" />返回上一页</a>
补充:JavaScript教程