Что такое событие DOM ready?

Мне нужно запустить скрипт, как только содержимое страницы (весь HTML-элемент) было получено, но его еще не нужно отображать.

Я предполагаю, что просто <script> тег, который выполняет некоторый код в самой верхней части моей страницы, должен сделать трюк?

чтобы сформулировать вопрос по-другому: означает ли DOM ready, что все элементы и ресурсы были вытащены и вынесенное?

12
domready javascript

4 ответов

DOM ready означает, что весь HTML был получен и проанализирован браузером в дерево DOM, которым теперь можно управлять.

происходит до страница была полностью отображена (поскольку внешние ресурсы, возможно, еще не полностью загружены - включая изображения, CSS, JavaScript и любые другие связанные ресурсы).

фактическое событие называется DOMContentLoaded.

25

DOMready означает: структура DOM была построена в памяти браузера. Асинхронно страница уже начала отрисовку, но она может быть еще не завершена как внешние ресурсы, такие как изображения, видео и т. д. закончу загрузку позже.

6

вы также можете попробовать с функциями

window.onload = function(){
   //your code
  }

или 

body.onload = function(){
   //your code
  }

Если вы не хотите использовать jQuery.

будьте осторожны, DOM loaded не означает, что загруженная страница, iframes, javascript, изображения и css могут загружаться после этого события.

есть хороший туто на DOM события Javascript учебник

3

объектная модель документа (DOM)-это кросс-платформенное и независимое от языка Соглашение для представления и взаимодействия с объектами в документах HTML, XHTML и XML.[1] узлы каждого документа организованы в древовидную структуру, называемую деревом DOM

-2