Thực thi script khi phần tử tải xong (onload) trong HTML?

Sự kiện onload kích hoạt khi phần tử (thường là <body>, <img>, <script>, <iframe>, <video>) hoàn tất tải (kể cả tài nguyên con như ảnh, stylesheet).

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <script>
      function display() {
        alert("Chào mừng!");
      }
    </script>
  </head>
  <body onload="display()">
    <h3>Chào mừng đến website.</h3>
    <p>Chúng tôi cung cấp nội dung học tập.</p>
  </body>
</html>

Các đối tượng hỗ trợ onload

• window.onload / <body onload>: Trang hoàn toàn tải xong.
• <img onload>: Hình ảnh tải xong.
• <iframe onload>: Iframe tải xong.
• <script onload>: Script ngoài tải xong (dùng cho dynamic import).
• <video>, <audio>, <link> (stylesheet).

Lưu ý

• DOMContentLoaded sớm hơn onload (chỉ đợi HTML parse xong, không đợi ảnh/CSS).
• Khuyên dùng addEventListener('load', ...) thay vì attribute inline.