Javascript—history的forward和back方法

第一个界面:

<!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>

效果:

猜你喜欢

转载自blog.csdn.net/qq_42036616/article/details/81809302