สร้างปุ่มย้อนกลับ HTML

ง่ายในการเพิ่มปุ่มย้อนกลับไปยังหน้าเว็บของคุณ เมื่อผู้เยี่ยมชมหน้าของคุณคลิกที่ปุ่มพวกเขาจะเข้าสู่หน้าสุดท้ายที่พวกเขาเยี่ยมชมราวกับว่าพวกเขาคลิกปุ่มย้อนกลับในเบราว์เซอร์ของพวกเขา

คุณสามารถทำได้โดยแก้ไข HTML ของหน้าของคุณและเพิ่ม JavaScript เล็กน้อย

หมายเหตุ: ปุ่มเหล่านี้จะไม่ทำงานหากผู้ใช้ไม่มีประวัติการเข้าชม ตัวอย่างเช่นหากผู้ใช้เปิดหน้าเว็บของคุณในแท็บหรือหน้าต่างเบราว์เซอร์ใหม่จะไม่มีอะไรเกิดขึ้นเมื่อพวกเขาคลิกปุ่ม

ใช้ history.back

ในเว็บเบราว์เซอร์ หน้าต่าง วัตถุ JavaScript ใน ตัว มีวัตถุที่เรียกว่า ประวัติ ที่มี URL ที่ผู้ใช้เข้าชมในหน้าต่างเบราว์เซอร์ปัจจุบัน คุณสามารถใช้วิธี history.back () เพื่อบอกเบราว์เซอร์ให้กลับไปที่หน้าก่อนหน้าของผู้ใช้

วิธีง่ายๆในการใช้ JavaScript นี้คือการเพิ่มลงในแอตทริบิวต์ของเหตุการณ์ onclick ของปุ่ม ที่นี่เราจะสร้างปุ่มโดยใช้ องค์ประกอบที่มี องค์ประกอบของประเภท ปุ่ม

แทรก HTML ต่อไปนี้ในหน้าเว็บของคุณ:

ผลลัพธ์จะมีลักษณะเหมือนปุ่มด้านล่าง หากคุณคลิกคุณจะกลับไปที่หน้าก่อนหน้าในประวัติของคุณ

ใช้ history.go

history.go () วิธีการบอกเบราว์เซอร์ไปที่หน้า เฉพาะ ในประวัติการเรียกดูของผู้ใช้ คุณสามารถระบุรายการประวัติโดยการใส่ตัวเลขในวงเล็บ ในการเขียนโปรแกรมคอมพิวเตอร์สิ่งนี้เรียกว่าอาร์กิวเมนต์

หากคุณระบุหมายเลข -1 เป็นอาร์กิวเมนต์ของคุณเบราว์เซอร์จะย้อนกลับหนึ่งหน้าในประวัติของเบราว์เซอร์ นี่คือรหัสเดียวกันกับข้างบนโดยใช้ history.go (-1) แทนที่จะเป็น history.back ()