ปุ่มกด ย้อนกลับหนึ่งหน้า (หรือหลายหน้า) ด้วย javascript

ปุ่มกด ย้อนกลับหนึ่งหน้า (หรือหลายหน้า) ด้วย javascript

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

แต่ว่าบางครั้ง การย้อนกลับไปหนึ่งหน้า เราไม่อาจจะคาดเดา url ก่อนหน้านี้ ที่เค้ากดมาได้ ว่าเค้ากดเข้ามาหน้านี้ได้ด้วย url อะไร ครั้นจะใช้วิธียากก็คือเอา php ไปเรียก refer ออกมา แล้วมาสร้างปุ่มก็เสียเวลา สู้ใช้สคริปง่ายๆเลยดีกว่า เป็น javascript ซึ่งส่วนใหญ่ทุก browser ในปัจจุบันก็ใช้งานได้ทั้งหมด

javascript เขียน link ย้อนกลับหนึ่งหน้า

<a href="javascript:history.back();">ย้อนกลับ</a>

หรือถ้าต้องการย้อนกลับหลายหน้าก็ดังนี้

<a href="javascript:history.go(-2)">ย้อนกลับ</a>

เพียงเท่านี้เราก็สามารถทำลิ้งค์กลับไป 2 หน้าก่อนที่เค้าเรียกมาได้แล้ว ประโยชน์ที่จะได้รับอย่างเด่นชัดจากลิ้งค์นี้ก็คือ เหมือนกับเรากดปุ่ม back ที่ browser ซึ่งหากหน้าก่อนนั้นเป็น form เค้าก็จะย้อนกลับไปพร้อมทั้งค่าที่กรอกไว้ยังอยู่

Create: Modify : 2010-08-30 11:21:00 Read : 18538 URL :