JUNCTION X: javascript

<div class="separator" style="clear: both; text-align: left;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxeS13T-27r4JgprBt6RuuEBJ56t4hIhhkqf9zztRMdYlsBxdhlv89JaraODX7u8TKJTtM7LzgBBiUwvQfT_ff1g83CT8XiVkBzXodR80bOqLGB_gw2msOtaQaTCKeTvQbkdnyqUiZf8lA/s1600/back_2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxeS13T-27r4JgprBt6RuuEBJ56t4hIhhkqf9zztRMdYlsBxdhlv89JaraODX7u8TKJTtM7LzgBBiUwvQfT_ff1g83CT8XiVkBzXodR80bOqLGB_gw2msOtaQaTCKeTvQbkdnyqUiZf8lA/s200/back_2.png" width="200" /></a></div>
 
 
ตัวอย่างที่ใช้กันบ่อยๆ 
 
<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 ปัจจุบัน

การใส่ปุ่ม back ในเว็บ ( javascript )

ตัวอย่างที่ใช้กันบ่อยๆ <a href="javascript:history.go(-1)">Go back[/url] <a href="javascript:history.back()...

อ่านเพิ่มเติม »