กดปุ่มแล้วเปลี่ยนหน้า HTML ด้วย JavaScript

สอนเขียนโค้ดกดปุ่มแล้วเปลี่ยนหน้า HTML ด้วยภาษา JavaScript โดยใช้ attribute onclick ร่วมกับคำสั่ง window.location เพื่อกำหนดหน้าที่ต้องการ โดยสามารถกำหนดเป็นชื่อไฟล์ หรือชื่อ URL ก็ได้ สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง กดปุ่มแล้วเปลี่ยนหน้า HTML ด้วย JavaScript

<input type="button" value="ไปที่หน้าติดต่อเรา" onclick="javascript:window.location='about.html';">
<input type="button" value="ไปที่เว็บไซต์ devdit.com" onclick="javascript:window.location='https://www.devdit.com';">

กดปุ่มแล้วเปลี่ยนหน้า ตัวอย่างใช้แท็ก input ชนิด button ของภาษา HTML เรียกใช้ attribute onclick เมื่อผู้ใช้งานกดปุ่มจะเรียกใช้คำสั่ง javascript:window.location ซึ่งเป็นคำสั่งสำหรับเรียกหน้าที่กำหนดไว้ขึ้นมา โดยสามารถกำหนดเป็นชื่อไฟล์ หรือ URL ก็ได้ตามที่ต้องการ