ประวัติหน้าต่าง JavaScript


สารบัญ

    แสดงสารบัญ


อ็อบเจ็กต์ window.history ประกอบด้วย ประวัติเบราว์เซอร์


ประวัติหน้าต่าง

อ็อบเจ็กต์ window.history สามารถเขียนได้โดยไม่ต้องใช้คำนำหน้าหน้าต่าง

เพื่อปกป้องความเป็นส่วนตัวของผู้ใช้จึงมีข้อจำกัดในการใช้ JavaScript สามารถเข้าถึงวัตถุนี้ได้

วิธีการบางอย่าง:

  • history.back() - เช่นเดียวกับการคลิกกลับในเบราว์เซอร์

  • history.forward() - เช่นเดียวกับการคลิกไปข้างหน้าในเบราว์เซอร์


ประวัติหน้าต่างย้อนกลับ

history.back() วิธีการโหลด URL ก่อนหน้าในรายการประวัติ

ซึ่งเหมือนกับการคลิกปุ่มย้อนกลับในเบราว์เซอร์

ตัวอย่าง

สร้างปุ่มย้อนกลับบนเพจ:

<html>
<head>
<script>
function goBack() {
  window.history.back()
 }
</script>
</head>
<body>

<input type="button" value="Back" onclick="goBack()">

</body>
</html>

ผลลัพธ์ของโค้ดด้านบนจะเป็น:

<script> function goBack() { window.history.back() }


ประวัติหน้าต่างไปข้างหน้า

history.forward() วิธีการโหลด URL ถัดไปในรายการประวัติ

ซึ่งเหมือนกับการคลิกปุ่มไปข้างหน้าในเบราว์เซอร์

ตัวอย่าง

สร้างปุ่มไปข้างหน้าบนเพจ:

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

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

</body>
</html>

ผลลัพธ์ของโค้ดด้านบนจะเป็น:

<script> function goForward() { window.history.forward() }