กลับไปหน้าเดิม ด้วยคำสั่ง window.history.back

สอนเขียนโค้ดกลับไปหน้าเดิม ด้วยคำสั่ง window.history.back ของภาษา JavaScript บทความนี้แนะนำการใช้คำสั่ง window.history.back ร่วมกับแท็ก button และแบบกลับไปหน้าเดิมแบบอัตโนมัติสามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่างที่ 1 กลับไปหน้าเดิม ด้วยคำสั่ง window.history.back

<script>window.history.back()</script>

กลับไปหน้าเดิม ตัวอย่างที่ 1 เป็นการกลับไปหน้าเดิมแบบอัตโนมัติ คือไม่ต้องรอให้ผู้ใข้งานกดปุ่ม เป็นการกลับไปหน้าเดิมตามเงื่อนไขของโปรแกรม สามารถเปิดแท็ก JavaScript และใส่โค้ดดังกล่าวลงไปได้เลย

ตัวอย่างที่ 2 กลับไปหน้าเดิม แบบผู้ใช้งานกดปุ่ม

<input type="button" onclick="javascript:window.history.back()" value="กลับไปหน้าเดิม">

กลับไปหน้าเดิม ตัวอย่างที่ 2 เป็นการกลับไปหน้าเดิมด้วยการกดคลิกที่ปุ่ม button จากผู้ใช้งาน เมื่อผู้ใช้งานกดคลิก attribute onclick จะทำงาน และไปเรียกคำสั่ง window.history.back() เพื่อกลับไปหน้าเดิม