ปุ่ม button กดแล้วเปลี่ยนหน้า ด้วยคำสั่ง window.location

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

ตัวอย่าง ปุ่ม button กดแล้วเปลี่ยนหน้า ด้วยคำสั่ง window.location

<input type="button" value="หน้าสินค้า" onclick="javascript:window.location='product.html';">
<input type="button" value="เว็บไซต์ devdit" onclick="javascript:window.location='https://www.devdit.com';">

ผลลัพธ์

ปุ่ม button กดแล้วเปลี่ยนหน้า ตัวอย่างใช้ attribute onclick กำหนดค่าเป็น javascript:window.location = ตามด้วยชื่อไฟล์ที่ต้องการ (กรณีเป็นหน้าในเว็บไซต์หลักที่ทำงาน) หรือกำหนดเป็น URL สำหรับลิงก์ออกไปที่เว็บไซต์อื่น