第一个界面:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>界面1</title>
</head>
<body>
<a id="aname" href="history2.html">界面2</a><br/><br/>
<button id="btname" onclick="goForward()">跳转下个界面</button>
<script>
function goForward() {
history.forward();
}
</script>
</body>
</html>
第二个界面:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>界面2</title>
</head>
<body>
<button id="btnname" onclick="goBack()">返回</button>
<script>
function goBack() {
history.back();
}
</script>
</body>
</html>
效果: