Devdit
 

ปุ่ม Refresh HTML กดแล้วโหลดหน้าใหม่

3.2K

ปุ่ม Refresh HTML กดแล้วโหลดหน้าใหม่ บทความนี้สอนภาษา HTML ร่วมกับ JavaScript โดย HTML ใช้สำหรับสร้างปุ่ม input type button และ JavaScript ใช้สำหรับเขียนโปรแกรมเมื่อกดแล้วให้ Refresh หน้า สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง ปุ่ม Refresh HTML กดแล้วโหลดหน้าใหม่

<input type="button" onclick="window.location.reload()" value="Refresh หน้าเว็บไซต์">

คำอธิบาย

ปุ่ม Refresh HTML จากตัวอย่างโค้ดสร้างปุ่มด้วยแท็ก input type button และใช้ attribute onclick ดักเหตุการณ์เมื่อผู้ใช้งานกดคลิกปุ่มดังกล่าวจะเรียกใช้ฟังก์ชัน window.location.reload() ของภาษา JavaScript เพื่อ Refresh หน้าเว็บไซต์ หรือโหลดหน้าเว็บไซต์ดังกล่าวขึ้นมาใหม่ ผ่านปุ่ม Refresh HTML

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ