วิธีเขียนโค้ดกดปุ่มแล้วเปลี่ยนหน้าเว็บไซต์ HTML

สอนวิธีเขียนโค้ดกดปุ่มแล้วเปลี่ยนหน้า HTML ด้วยการใช้คำสั่ง window.location.href และ window.open ของภาษา JavaScript โดยทั้ง 2 คำสั่งมีไว้สำหรับเปลี่ยนหน้าไปยังหน้าที่ต้องการได้ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง วิธีเขียนโค้ดกดปุ่มแล้วเปลี่ยนหน้า HTML

<input type="button" value="เปลี่ยนหน้าด้วย window.location.href" onclick="window.location.href='https://www.devdit.com';">
<br/><br/>
<input type="button" value="เปลี่ยนหน้าด้วย window.open" onclick="window.open('https://www.devdit.com')">

1. คำสั่ง window.location.href จะเปลี่ยนหน้าเว็บไซต์ ในลักษณะโหลดหน้าใหม่ขึ้นมาแทนที่หน้าเดิม แบบไม่เปิดแท็บใหม่

2. คำสั่ง window.open จะเปลี่ยนหน้าเว็บไซต์ ในลักษณะโหลดหน้าใหม่ด้วยการเปิดแท็บใหม่ ทำให้หน้าเว็บไซต์เดิมยังคงเปิดอยู่