页面上创建一个前进按钮 - 在线编辑器

<!DOCTYPE html>
<html>
<head>
  <script>
    function goForward() {
      window.history.forward()
    }
  </script>
</head>
<body>

  <input type="button" value="前进" onclick="goForward()">

  <p>注意,点击这里的前进按钮不会导致任何行动,因为历史列表中没有下一个URL。</p>

</body>
</html>
​x
 
<!DOCTYPE html>
<html>
<head>
  <script>
    function goForward() {
      window.history.forward()
    }
  </script>
</head>
<body>
​
  <input type="button" value="前进" onclick="goForward()">
​
  <p>注意,点击这里的前进按钮不会导致任何行动,因为历史列表中没有下一个URL。</p>
​
</body>
</html>