Devdit
 

HTML ทำปุ่มย้อนกลับมาที่หน้าเดิม ด้วย history.back()

8.1K

สอนเขียนภาษา HTML ทำปุ่มย้อนกลับมาที่หน้าเดิม ด้วยคำสั่ง history.back() ของภาษา JavaScript โดยตัวอย่างจะสร้างไฟล์ 2 ไฟล์ ชื่อ index.html และ back.html โดยไฟล์ back.html จะมีโค้ดทำปุ่มย้อนกลับมาที่หน้าเดิม สามารถเขียนคำสั่งได้ดังนี้

 

ตัวอย่าง HTML ทำปุ่มย้อนกลับมาที่หน้าเดิม ด้วย history.back()

ไฟล์ index.html

<a href="test.html">ไปข้างหน้า</a>

ไฟล์ back.html

<input type="button" onclick="history.back()" value="ย้อนกลับ">

คำอธิบาย

สร้าง 2 ไฟล์ คือ index.html และ back.html พร้อมกับใส่โค้ดตามตัวอย่าง พอผู้ใช้งานกด ลิ้งค์ “ไปข้างหน้า” จะโหลดหน้า back.html ขึ้นมา และเมื่อผู้ใช้งานกดปุ่ม “ย้อนกลับ” คำสั่ง history.back() จะทำงาน ทำให้ย้อยกลับไปที่หน้าเดิม ด้วยคำสั่งของภาษา JavaScript

เขียน 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ