Події DOMContentLoaded і load корисні для різних сценаріїв. Ви можете використовувати подію DOMContentLoaded коли вам потрібно якомога швидше маніпулювати елементами DOM, не чекаючи завантаження зовнішніх ресурсів.22 серпня 2023 р

Спрацьовує подія DOMContentLoaded коли HTML-документ було повністю проаналізовано, а всі відкладені сценарії ( <script defer src="…"> і <script type="module">) завантажено та виконано. Він не чекає завершення завантаження інших речей, таких як зображення, субфрейми та асинхронні сценарії.

domInteractive : позначає момент, коли браузер закінчив розбирати весь HTML і конструкцію DOM завершено. domContentLoaded : позначає момент, коли DOM готовий і немає таблиць стилів, які блокують виконання JavaScript, тобто тепер ми можемо (потенційно) побудувати дерево візуалізації.

Подія завантаження вікна запускається, коли завантажується вся веб-сторінка. Це включає DOM сторінки та всі залежні ресурси, такі як сценарії, таблиці стилів і зображення. Подія документа DOMContentLoaded запускається, коли DOM сторінки завантажено, а всі відкладені сценарії завантажено та виконано.

DOMContentLoaded вказує, коли браузер завершив аналіз документа (але інші ресурси, такі як зображення та таблиці стилів, можливо, не було завантажено). Вона представлена ​​синьою лінією. Подія завантаження відбудеться, коли всі вихідні ресурси (зображення, таблиці стилів, JavaScript) будуть завантажені.

Якщо ви обробляєте як документи, так і дані в програмах, які ви розробляєте, тоді DOM може бути вашим найкращим вибором. Зрештою, після того, як ви написали код для перевірки та обробки структури DOM, його досить легко налаштувати для певної мети.

Спрацьовує подія DOMContentLoaded коли початковий документ HTML було повністю завантажено та проаналізовано (не чекаючи завершення завантаження зображень і фреймів).