Javascript วิธีเช็ค history ว่าสามารถย้อนกลับได้หรือไม่

บ่อยครั้งเราก็มักจะทำปุ่ม Back บนหน้า web page แล้วให้ถอยกลับ 1 step
เช่น ตามตัวอย่างนี้

Step แรก อยู่ที่ pageA.html
Step สอง กด Link มาที่ pageB.html

เราทำปุ่ม Back ไว้เพื่อให้ User สามารถกดถอยกลับไปที่ PageA.html ได้
โดยการใส่ javascript ด้วยคำสั่ง history.go(-1)  ไว้ จะทำให้เราสามารถทำงานได้

แต่ .... ถ้า step มันไม่เป็นตามนี้ล่ะ เช่น ถ้า User เข้ามาที่ pageB.html ตรงๆ
มันจะมผลทำให้ปุ่ม Back ของเราทำงานไม่ได้ เพราะว่ามันไม่มีอะไรให้ back แล้วนั่นเอง

แนวทางในการเช็คก็ง่ายๆ ตามนี้เลยครับ
ใช้คำสั่ง Javascript ในการตรวจสอบ  document.referrer ตามตัวอย่างด้านล่างนี้เลย

<script>
function goBack(){
  if (document.referrer == "") {
     window.location.href = "home.html";
  } else {
     history.go(-1);
  }
}   
</script>

ประมาณนี้ ครับแบบนี้คือถ้าไม่มีอะไรให้ Back ก็ให้กลับหน้าแรกไปเลย
หรือจะใช้ Script เดียวกันนี้ในการซ่อนปุ่ม Back ก็ได้นะครับแล้วแต่จะประยุกต์ใช้ได้เลย