ตัวอย่างที่ใช้กันบ่อยๆ
<a href="javascript:history.go(-1)">Go back[/url]
<a href="javascript:history.back()">Go back[/url]
สำหรับปัญหาสำหรับการเรียกใช้งานแบบนี้
ที่เห็นๆเลยก็ เวลากด back กลับมาแล้วข้อมูลในหน้าก่อนหน้า จะยังเป็นแบบเดิมครับ พวกนี้จะมีปัญหากับการใช้งานจำพวก captcha ครับผมเพราะมันไม่ reload ให้ใหม่ครับ สำหรับแนวทางแก้ไข แนะนำให้ทำเป็นลิ้งค์ กลับไปยังหน้าก่อนหน้านั้น จะดีกว่าครับ แต่การใช้ javascript แบบนี้ในบางกรณีเราอาจจะจำเป็นต้องการข้อมูลสุดท้ายที่ทำการกด ก็เป็นได้
JavaScript
back ใช้กำหนดให้หน้าต่างย้อนกลับไปยัง web page ก่อนหน้า 1 ครั้ง
next ใช้กำหนดให้หน้าต่างไปยัง web page ถัดไป 1 ครั้ง
forward ใช้กำหนดให้หน้าต่างไปยัง web page ถัดไป 1 ครั้ง
go ( int ) ให้หน้าต่างเปลี่ยนไปยัง web page ตามจำนวนที่กำหนด
go ( string ) ใช้กำหนดให้หน้าต่างไปยัง web page ที่ใกล้ที่สุดที่มีคำ ที่กำหนดใน url
length ใช้คืนค่าจำนวน web page ทั้งหมดที่อยู่ใน history object
previous ใช้คืนค่า url ของ web page ก่อนหน้า
next ใช้คืนค่า url ของ web page ถัดไป
JavaScript :: History Object :: back
method:back ();
return type:void
content:ใช้กำหนดให้หน้าต่างย้อนกลับไปยัง web page ก่อนหน้า 1 ครั้ง
example:window.history.back();
JavaScript :: History Object :: next
method:next ();
return type:void
content:ใช้กำหนดให้หน้าต่างไปยัง web page ถัดไป 1 ครั้ง
example:window.history.next();
JavaScript :: History Object :: forward
method:forward ();
return type:void
content:ใช้กำหนดให้หน้าต่างไปยัง web page ถัดไป 1 ครั้ง
example:window.history.forward();
JavaScript :: History Object :: go ( int )
method:go ( int );
return type:void
content:ใช้กำหนดให้หน้าต่างย้อนกลับไปยัง web page ก่อนหน้า ตามจำนวนที่กำหนด ( ถ้ากำหนดเป็นค่าติดลบ )
ให้หน้าต่างเปลี่ยนไปยัง web page ถัดไป ตามจำนวนที่กำหนด ( ถ้ากำหนดเป็นค่าบวก )
example:window.history.go( -2 );
JavaScript :: History Object :: go ( string )
method:go ( string );
return type:void
content:ใช้กำหนดให้หน้าต่างไปยัง web page ที่ใกล้ที่สุดที่มีคำ ที่กำหนดใน url
example:window.history.go ( "php" );
JavaScript :: History Object :: length
property:length;
return type:number
content:ใช้คืนค่าจำนวน web page ทั้งหมดที่อยู่ใน history object
example:alert ( window.history.length );
JavaScript :: History Object :: previous
property:previous;
return type:string
content:ใช้คืนค่า url ของ web page ก่อนหน้า
example:alert ( window.history.previous );
JavaScript :: History Object :: next
property:next;
return type:string
content:ใช้คืนค่า url ของ web page ถัดไป
example:alert ( window.history.next );
JavaScript :: History Object :: current
property:current;
return type:string
content:ใช้คืนค่า url ของ web page ปัจจุบัน
example:alert ( window.history.current );
current ใช้คืนค่า url ของ web page ปัจจุบัน
