Разница между событиями DOMContentLoaded и load

Question

Разница между событиями DOMContentLoaded и load

в чем разница между DOMContentLoaded и load событий?

519 5

javascript browser

5 ответов:

Comments

Ничего не найдено.

Simon Lieschke · Accepted Answer · 2014-02-27 16:10:54

с Mozilla Developer Center:

событие DOMContentLoaded запускается, когда документ был полностью загружены и проанализированы, не дожидаясь таблиц стилей, изображения, и подкадры для завершения загрузки (событие загрузки можно использовать для обнаружения полностью загруженная страница).

CMS · Accepted Answer · 2018-04-16 15:23:05

The DOMContentLoaded событие сработает, как только иерархия DOM будет полностью построена,load событие сделает это, когда все изображения и подкадры закончат загрузку.

DOMContentLoaded будет работать на большинстве современных браузеров, ~~но не на IE~~, включая IE9 и выше. Есть некоторые решения чтобы имитировать это событие в более старых версиях IE, например, в библиотеке jQuery, они прикрепляют IE specificonreadystatechange событие.

Mehrad Sadegh · Accepted Answer · 2015-07-14 03:05:20

смотрите разницу сами:

демо

С Microsoft IE

событие DOMContentLoaded срабатывает при завершении синтаксического анализа текущей страницы; событие load срабатывает, когда все файлы завершили загрузку со всех ресурсов, включая объявления и изображения. DOMContentLoaded-это отличное событие, которое можно использовать для подключения функциональности пользовательского интерфейса к сложной сети страницы.

С Mozilla Developer Network

событие DOMContentLoaded запускается, когда документ полностью загружен и проанализирован, не дожидаясь завершения загрузки таблиц стилей, изображений и подкадров (событие load может использоваться для обнаружения полностью загруженной страницы).

Anderson · Accepted Answer · 2014-01-16 09:09:24

DOMContentLoaded==window.onDomReady()

Load==window.onLoad()

страница не может быть безопасно обработана, пока документ не будет " готов."в jQuery обнаруживает это состояние готовности для вас. Код внутри $( документ ).ready () будет выполняться только после того, как объектная модель документа страницы (DOM) будет готова для выполнения кода JavaScript. Код внутри $( окно ).load (function () {... }) будет работать после того, как вся страница (изображения или iframes), а не только DOM, будет готовый.

см.:http://learn.jquery.com/using-jquery-core/document-ready/

skube · Accepted Answer · 2014-06-19 21:34:37

domContentLoaded: отмечает точку, когда оба DOM готов и нет таблиц стилей, которые блокируют выполнение JavaScript - это означает, что теперь мы можем (потенциально) построить дерево визуализации. Много JavaScript-фреймворки ждут этого события, прежде чем начать выполнять свою собственную логику. По этой причине браузер фиксирует временные метки EventStart и EventEnd, чтобы мы могли отслеживать, как долго это выполнение взял.

loadEvent: в качестве последнего шага в каждой загрузке страницы браузер пожаров событие "onload", которое может вызвать дополнительную логику приложения.

источник