Разница между onload() и $.ready?

Ответ 1

событие load (ака "onload" ) в элементе window и/или body будет срабатывать после загрузки всего содержимого страницы - это включает в себя все изображения, скрипты и т.д.... все.

Напротив, функция jquery $(document).ready(...) будет использовать механизм, специфичный для браузера, чтобы гарантировать, что ваш обработчик вызывается как можно скорее после загрузки и доступа к HTML/XML. Это самый ранний момент в процессе загрузки страницы, где вы можете безопасно запустить script, который намеревается получить доступ к элементам на странице html dom. Эта точка прибывает раньше (часто намного раньше), чем заключительное событие load, из-за дополнительного времени, необходимого для загрузки вторичных ресурсов (например, изображений и т.д.).

Ответ 2

Основные отличия между ними:

• Событие Body.Onload() будет вызываться только после того, как DOM и связанные ресурсы, такие как изображения, будут загружены, но событие jQuery document.ready() будет вызываться после загрузки DOM, т.е. он не будет ждать ресурсов, таких как изображения для загрузки. Следовательно, функции в событии jQuery ready будут выполняться после загрузки структуры HTML, не дожидаясь ресурсов.
• У нас может быть несколько document.ready() на странице, но событие Body.Onload() не может.

Ответ 3

• На странице может быть более одной функции document.ready(), где у нас может быть только одна функция onload.

• Функция document.ready() вызывается, как только DOM загружается там, где вызывается функция body.onload(), когда все загружается на страницу, которая включает DOM, изображения и все связанные ресурсы этой страницы.

Ответ 4

document.ready() отличается от функции body onload() по двум причинам.

• На странице может быть более одной функции document.ready(), где мы можем иметь только одну функцию тела onload. Функция
• document.ready() вызывается, как только DOM загружается там, где вызывается функция body.onload(), когда все загружается на страницу, содержащую DOM, изображения и все связанные ресурсы этой страницы.

Ответ 5

Функция Document.ready() запускается, как только загружается HTML DOM. Но функция onload() вызывается после HTML DOM, все содержимое тела, как загруженные изображения.

Ответ 6

body.onload() заботится как о структуре HTML, так и о дополнительных ресурсах, где document.ready() заботится только о структуре HTML.

Ответ 7

Onload заботится о DOM и ресурсах: он проверяет, загружены ли изображения, script готовы к запуску и многое другое.

$. готовы просто проверить, прочитали ли мы полный DOM страницы.

Пожалуйста, ознакомьтесь с этой ссылкой для более подробного объяснения и примера: http://dailygit.com/difference-between-document-ready-and-window-load-in-jquery/