BOM对象——History
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
/*
History
- 对象可以用来操作浏览器向前或者向后翻页
*/
window.onload = function() {
var btn = document.getElementsByTagName("button")[0];
console.log(btn);
btn.onclick = function() {
// History.length 返回当前访问链接的数量
// alert(history.length)
/*
back()
- 可以用来回退到上一个页面，作用和浏览器的回退按钮一样
*/
// history.back();
/*
forward()
- 可以 前进到下一个页面，作用和浏览器的前进按钮一样
*/
// history.forward();
/*
go()
- 可以用来跳转到指定的页面
- 需要一个整数作为参数
1.表示向前跳转一个页面
2.表示向前跳转两个页面
-1.表示向后跳转一个页面
-2.表示向后跳转两个页面
*/
// histor.go();
}
};
</script>
</head>
<body>
<button type="button" id="btn">history</button>
<h1>History</h1>
</body>
</html>