события jQuery .load (), .ready (), .unload ()
Просто простой вопрос, для события jQuery. .load (), .ready () и .unload () выполнены в порядке, когда DOM загружается? Ответ кажется да, когда я вижу Документацию jQuery.
<script type="text/javascript">
$(window).load(function () {
// run code
initializeCode();
});
$(document).ready(function() {
//run code that MUST be after initialize
});
$(window).unload(function() {
Cleanup();
});
</script>
Однако код в .ready (), выполняются перед initializeCode (); выполняются, таким образом, я чувствую себя действительно странным. И теперь я должен поместить свой код в .onload () метод и сразу после initializeCode (); строка, что означает быть в .ready () блоком.
Кто-то мог объяснить меня больше об этом, поскольку я плохо знаком с jQuery?
2 ответа
ПРИМЕЧАНИЕ. .load () и .unload () устарели
$(window).load();
Выполняется после загрузки страницы со всем ее содержимым. Это означает, что загружаются все изображения, CSS (и контент, определенный CSS, например пользовательские шрифты и изображения), скрипты и т. Д. Это происходит, когда в вашем браузере значок «Стоп» становится серым, так сказать. Это очень полезно для определения того, когда документ загружен вместе со всем его содержимым.
$(document).ready();
С другой стороны, это сработает, как только веб-браузер сможет запускать ваш JavaScript, что происходит после того, как синтаксический анализатор завершит работу с DOM. Это полезно, если вы хотите как можно скорее выполнить JavaScript.
$(window).unload();
Это событие будет запущено, когда вы покинете страницу. Это может быть Refresh / F5, нажатие кнопки предыдущей страницы, переход на другой веб-сайт или закрытие всей вкладки / окна.
Подводя итог, можно сказать, что ready () будет запущен перед load (), а unload () будет запущен последним.
загрузка окна будет ожидать загрузки всех ресурсов.
документ готов ожидает инициализации документа.
выгружается хорошо, ждет пока документ выгружается.
порядок: документ готов, загрузка окна, ... ... ... ... выгрузка окна.
всегда используйте готовый документ , если вам не нужно ждать загрузки изображений.
сокращение для документа «готов»:
$(function(){
// yay!
});