แอตทริบิวต์เหตุการณ์ onload ของ HTML จะถูกกระตุ้นเมื่อออบเจ็กต์ถูกโหลดในเอกสาร HTML
ไวยากรณ์
ไวยากรณ์มีดังนี้ −
<tagname onload="script"></tagname>
ลองดูตัวอย่างการใช้งานแอตทริบิวต์เหตุการณ์ onload ของ HTML −
ตัวอย่าง
<!DOCTYPE html> <html> <head> <style> body { color: #000; height: 100vh; background-color: #FBAB7E; background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%); text-align: center; padding: 20px; } </style> <script> function get() { alert("ฮาย! คุณเพิ่งรีเฟรชเอกสาร"); } </script> </head> <body onload="get()"> <h1>การสาธิตแอตทริบิวต์เหตุการณ์ onload ของ HTML</h1> <p style="color:#db133a;">ลองรีเฟรชเอกสารนี้ดู</p> </body> </html>
ผลลัพธ์
ลองโหลดเอกสารใหม่เพื่อสังเกตการทำงานของแอตทริบิวต์เหตุการณ์ onload −
