รันสคริปต์เมื่อองค์ประกอบโหลดเสร็จใน HTML

ใช้แอตทริบิวต์ onload เพื่อรันสคริปต์เมื่อองค์ประกอบโหลดเสร็จ

ตัวอย่าง

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ onload:

<!DOCTYPE html> 
<html> 
  <head> 
    <script> 
      function display() { 
        alert("ยินดีต้อนรับ!"); 
      } 
    </script> 
  </head> 
  <body onload="display()"> 
    <h3>ยินดีต้อนรับสู่เว็บไซต์</h3> 
    <p>เราให้บริการเนื้อหาการเรียนรู้</p> 
  </body> 
</html>

เหตุการณ์โหลดที่เกี่ยวข้อง:

• onload (window/body) - โหลดทุกอย่างเสร็จ (รูปภาพ, CSS, สคริปต์)
• DOMContentLoaded - DOM พร้อม ไม่รอรูปภาพ/CSS (เร็วกว่า)
• onloadeddata - สื่อโหลดเฟรมแรกเสร็จ
• onload (img/script/iframe) - องค์ประกอบเฉพาะโหลดเสร็จ

แนะนำ: ใช้ document.addEventListener('DOMContentLoaded', ...) สำหรับโค้ดที่ต้องการ DOM พร้อม