JavaScript Window History
History 对象
JavaScript History 对象用于记录操作浏览器的访问历史。History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。
提示：History 对象的有效作用范围都是指当前窗口。
History 对象 length 属性
History 对象有唯一的一个 length 属性，用于得到浏览器访问历史记录中的 URL 数量。例子如下：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <script type="text/javascript"> document.write(history.length); </script> </head> <body> </body> </html>
说明
该例子输出的结果取决于当前页面的浏览记录，如果是新窗口打开该例子，IE 浏览器会输出 0（即从 0 开始计算），而 Firefox、Chrome 等浏览器则会输出 1。
back() 方法
back() 方法用于返回前一个浏览页面（如果存在），其效果相当于点击浏览器的返回按钮或者调用 history.go(-1)。以下是常用的返回上一页提示：
<a href="javascript:window.history.back()" />返回上一页</a>
<html>
<head>
<script>
function goBack()
{
window.history.back()
}
</script>
</head>
<body>
<input type="button" value="Back" onclick="goBack()">
</body>
</html>forward() 方法
back() 方法用于前往下一个浏览页面（如果存在），其效果相当于点击浏览器的前进按钮或者调用 history.go(1)。例子：
<a href="javascript:window.history.forward()" />前往下一页</a>
<html>
<head>
<script>
function goForward()
{
window.history.forward()
}
</script>
</head>
<body>
<input type="button" value="Forward" onclick="goForward()">
</body>
</html>注意： back方法和forward方法需要浏览器存在历史记录的情况下才能显示。
![Smarty模板引擎[基础篇]](https://img.php.cn/upload/course/000/117/584/5aa730c080508391.jpg)
女神的闺蜜爱上我
比较学习，效果会更好。。
4年前 添加回复 0