<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript">
/*
History
-对象可以用来操作浏览器向前或向后翻页
*/
// alert(history.length);
window.onload=function(){
// 获取按钮对象
var btn=document.getElementById("btn");
btn.onclick=function(){
/*
length、
-属性：可以获取到当成访问的链接数量
*/
// alert(history.length);
/*
back()
-可以用来回退到上一个页面，作用和浏览器的回退按钮一样
*/
// history.back();
/*
forward()
-可以跳转下一个页面，作用和浏览器的前进按钮一样
*/
// history.forward();
/*
go()
-可以用来跳转到指定的页面
-它需要一个整数作为参数
1：表示向前跳转一个页面 相当于forward()
2：表示向前跳转两个页面
-1:表示向后跳转一个页面
-2：表示向后跳转两个页面
*/
history.go(1);
};
};
</script>
</head>
<body>
<button id="btn">点我一下</button>
<h1>History</h1>
<a href="01.BOM.html">去BOM</a>
</body>
</html>
三四个页面测试即可