บทบาทของออบเจ็กต์ window.history ใน JavaScript

ออบเจ็กต์ window.history ใช้สำหรับนำทางกลับ (back) หรือไปหน้าถัดไป (forward) ในประวัติการเยี่ยมชมของเว็บเบราว์เซอร์ ออบเจ็กต์นี้เก็บประวัติของเบราว์เซอร์และมาพร้อมกับเมธอดหลัก 2 เมธอด:

• history.back() — ไปยัง URL ก่อนหน้า
• history.forward() — ไปยัง URL ถัดไป (หมายเหตุ: ต้นฉบับเขียน history.next ผิด ควรเป็น forward)

ตัวอย่าง

ลองรันโค้ดด้านล่างเพื่อเรียนรู้การทำงานกับออบเจ็กต์ window.history ใน JavaScript:

<!DOCTYPE html>
<html>
  <body>
    <script>
      function backPage() {
        window.history.back()
      }
      function nextPage() {
        window.history.forward()
      }
    </script>
    <input type="button" value="Previous URL" onclick="backPage()">
    <input type="button" value="Next URL" onclick="nextPage()">
  </body>
</html>

คำอธิบายเพิ่มเติม: ออบเจ็กต์ history ยังมีคุณสมบัติ length (จำนวนรายการในประวัติ) และเมธอด go(n) (ไปข้างหน้าหรือถอยหลัง n ขั้น) เนื่องจากเหตุผลด้านความปลอดภัย ไม่สามารถเข้าถึง URL ในประวัติได้โดยตรง