4.history对象.html 623 B

12345678910111213141516171819202122232425
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <!--
  10. history
  11. forward 前进下一个页面
  12. back 返回上一个页面
  13. go 按级别跳转页面 允许负数
  14. -->
  15. <a href="./index.html">去另一个页面</a>
  16. <button id="btn">跳转</button>
  17. <script>
  18. var btn = document.getElementById("btn");
  19. btn.onclick = function() {
  20. // history.forward()
  21. history.go(1);
  22. }
  23. </script>
  24. </body>
  25. </html>