JavaScript — window.onload против $ (документ) .ready ()

window.onload vs $ (document) .ready ()

Событие document.ready происходит, когда документ HTML был загружен, а событие window.onload происходит всегда позже, когда весь контент (изображения и т. Д.) Был загружен.

Вы можете использовать событие document.ready если хотите «рано» вмешаться в процесс рендеринга, не дожидаясь загрузки изображений. Если вам нужны изображения (или любой другой «контент») до того, как ваш скрипт «что-то сделает», вам нужно подождать, пока window.onload .

Например, если вы реализуете шаблон «Слайд-шоу», и вам необходимо выполнить расчеты на основе размеров изображения, вы можете подождать, пока window.onload . В противном случае вы можете столкнуться с некоторыми случайными проблемами в зависимости от скорости загрузки изображений. Ваш скрипт будет работать одновременно с потоком, который загружает изображения. Если ваш сценарий достаточно длинный или сервер достаточно быстрый, вы можете не заметить проблему, если изображения появляются вовремя. Но самая безопасная практика — загружать изображения.

document.ready может быть хорошим событием для вас, чтобы показать пользователям знак «загрузка …», а после window.onload вы можете завершить любой сценарий, для которого нужны загруженные ресурсы, а затем, наконец, удалить «Загрузка …» подписать.

Примеры :-

 // document ready events $(document).ready(function(){ alert("document is ready.."); }) // using JQuery $(function(){ alert("document is ready.."); }) // window on load event function myFunction(){ alert("window is loaded.."); } window.onload = myFunction; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector