วิธีโหลดหน้าเว็บใหม่ด้วย Window Reload Event ใน JavaScript

เพื่อโหลดหน้าเว็บใหม่ด้วย JavaScript เราต้องใช้ Window Reload Event

โหลดหน้าใหม่ด้วย JavaScript เพียงบรรทัดเดียว:

วางโค้ดนี้ในคอนโซลเบราว์เซอร์แล้วกด Enter

window.location.reload()

เยี่ยม แต่อาจไม่ค่อยปฏิบัติจริง? มาลองอีกวิธี

โหลดหน้าใหม่ด้วยเหตุการณ์คลิกปุ่ม:

เพิ่มนี้ในมาร์กอัป HTML:

<button onclick="reloadPage()">Reload page</button>

เพิ่มฟังก์ชัน window reload event นี้ในไฟล์ JavaScript

function reloadPage() { window.location.reload() } 

หมายเหตุ: window reload event ไม่ทำงานภายในเอดิเตอร์ CodePen แต่คุณสามารถทดสอบในโหมด debug ของ CodePen ได้