API History ของ JavaScript

Object Window History

ตัวแปล History มี URL ที่ผู้ใช้เข้าชม (ในหน้าต่างเว็บเบราเซอร์)

ตัวแปล History คือแอตทริบิวต์ของตัวแปล window

ตัวแปล History สามารถเข้าถึงด้วยวิธีต่อไปนี้:

window.history หรือใช้แค่ history:

ตัวอย่าง

let length = window.history.length;

ลองด้วยตัวเอง

let length = history.length;

ลองด้วยตัวเอง

แอตทริบิวต์และวิธี History ออบเจก

แอตทริบิวต์/วิธี รายละเอียด
back() โหลด URL (หน้า) ก่อนหน้าจากรายการประวัติ
forward() โหลด URL (หน้า) ต่อไปจากรายการประวัติ
go() โหลด URL (หน้า) ที่เฉพาะๆ จากรายการประวัติ
length กลับค่าจำนวน URL (หน้า) ในรายการประวัติ

รายละเอียด History ออบเจก

History ออกแบบตั้งต้นมาเพื่อแสดงประวัติการทำงานของหน้าเว็บที่เปิดโดยเว็บเบราเซอร์ แต่ด้วยเหตุผลด้านความเป็นส่วนตัว ตัวแปล History ไม่อนุญาตให้สคริปต์เข้าถึง URL ที่เคยเข้าชมแล้ว ฟังก์ชันที่ยังคงใช้งานเท่านั้นคือ back()、forward() และ go() วิธี

ตัวอย่าง

การทำงานของรหัสที่แถวด้านล่างนี้เหมือนกับการกดปุ่มย้อนกลับ

history.back()

การทำงานของรหัสที่แถวด้านล่างนี้เหมือนกับการกดปุ่มย้อนกลับสองครั้ง

history.go(-2)