window对象给我们提供了一个history对象,与浏览器历史进行交互,该对象包含用户(在浏览器窗口中)访问过的URL。
history对象方法 | 作用 |
back() | 后退功能 |
forward() | 前进功能 |
go() | 前进后退功能,如果参数是1则是前进一个页面,是-1则是后退一个页面 |
list.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<a href="index.html">点击我去往首页</a>
<button type="button">后退</button>
<script type="text/javascript">
var btn = document.querySelector('button');
btn.addEventListener('click', function() {
//history.back();
history.go(-1);
})
</script>
</body>
</html>
index.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<a href="list.html">点我去列表页</a>
<button type="button">前进</button>
<script type="text/javascript">
var btn = document.querySelector('button');
btn.onclick = function() {
//history.forward();
history.go(1);
}
</script>
</body>
</html>