Trong công cụ Nhà phát triển của chrome, đường thẳng đứng màu xanh có gắn nhãn "Sự kiện DOMContent được kích hoạt" và dòng màu đỏ được thử nghiệm "sự kiện tải". "Sự kiện DOMContent được kích hoạt" có nghĩa là trình duyệt bắt đầu thực thi javascript nội tuyến không? Và "tải sự kiện bị sa thải" có nghĩa là nó kích hoạt sự kiện "onload"?Sự khác biệt giữa "sự kiện DOMContent" và "sự kiện tải"
Trả lời
"DOMContent tổ chức sự kiện" là từ webkit (mà chrome dựa vào) và là equivelant để DOMContentLoaded msdnmdn.
Sự kiện DOMContentLoaded kích hoạt khi phân tích cú pháp trang hiện tại hoàn tất; sự kiện tải (onload) kích hoạt khi tất cả các tệp đã tải xong từ tất cả các tài nguyên, bao gồm quảng cáo và hình ảnh. DOMContentLoaded là một sự kiện tuyệt vời để sử dụng chức năng giao diện người dùng hookup cho các trang web phức tạp.
Xem demo here, related question.
Sự kiện DOMContentLoaded được kích hoạt khi tài liệu đã được tải hoàn toàn và phân tích cú pháp, mà không cần đợi bảng định kiểu, hình ảnh và khung phụ để kết thúc tải (sự kiện tải có thể được sử dụng để phát hiện trang được tải đầy đủ).
Sự kiện DOMContentLoaded là bắn khi tài liệu đã được tải hoàn toàn và phân tích cú pháp, mà không cần chờ cho stylesheets, hình ảnh, và khung phụ để kết thúc tải (trường hợp tải có thể được sử dụng để phát hiện một trang đầy đủ nạp).
có thể trùng lặp của [Sự khác nhau giữa DOMContentLoaded và các sự kiện Nạp] (https://stackoverflow.com/questions/2414750/difference-between-domcontentloaded-and-load-events) –