В чем разница между $(окно).загрузить и $(документ).готов?

Question

В чем разница между $(окно).загрузить и $(документ).готов?

в последнее время у меня возникла проблема с моим кодом JavaScript и выниманием части моего кода из моего $(document).ready() и в $(window).load() Исправлена проблема.

теперь я понимаю, что window.load уволен сразу после document.ready, но почему он не готов после document.ready, то есть после window.load()?

507 9

jQuery javascript document-ready

9 ответов:

Comments

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

Martin Jespersen · Accepted Answer · 2011-05-12 18:36:05

load вызывается при загрузке всех ресурсов, включая изображения. ready запускается, когда DOM готов к взаимодействию.

из MDC,

Mario Fink · Accepted Answer · 2012-05-09 19:46:02

$(document).ready() означает, что DOM вашей страницы готов к манипулированию.

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

чего вы пытаетесь добиться?

SimonGates · Accepted Answer · 2013-07-12 11:05:36

$(document).ready(function(){
//code here
});
приведенный выше код используется почти каждый раз, когда мы работаем с jQuery.

этот код используется, когда мы хотим инициализировать наш jQuery коды после того, как DOM готов.
$(window).load()
иногда вы хотите манипулировать изображениями. Например, вы хотите вертикально и горизонтально выровнять изображение, и вам нужно получить ширину и высоту изображения, чтобы сделать это. С $(document).ready() вы не сможете этого сделать, если у посетителя уже нет изображения загружено, в этом случае вам нужно инициализировать jquery функция выравнивания, когда изображение загрузится. Вот где мы используем $(window).load()

Bharat Chodvadiya · Accepted Answer · 2014-08-22 15:06:58

$(document).ready и jQuery событие, которое запускается при загрузке DOM, поэтому оно запускается, когда структура документа готова.

$(window).load событие запускается после всего контента (включая css, изображения и т. д..) загруженный.

Это большая разница.

xicooc · Accepted Answer · 2015-01-16 05:45:22

$(document).ready() это обернуть DOM в <body>...</body>

$(window).load() папа документа обернуть все DOM в <html>...</html>

давайте использовать в вашем случае, чтобы сохранить обработку рендеринга.

Yamini Upadhyay · Accepted Answer · 2017-01-17 11:29:34

простыми словами, window.load вызывается, когда загружается все содержимое окна, тогда как document.ready вызывается, когда DOM загружен и структура документа готова.

asmitB · Accepted Answer · 2016-07-25 16:07:15

состояние загрузки-это состояние, когда объект window был создан и все необходимые компоненты, включая DOM, были загружены в память, но не были переданы в механизм рендеринга для рендеринга того же самого на странице.

состояние готовности, с другой стороны, гарантирует, что элементы DOM, события и другие зависимые компоненты передаются в механизм рендеринга, отображаются на странице и готовы к взаимодействию и манипулированию.

ankit sahu · Accepted Answer · 2017-10-08 18:24:44

$(документ).готов слайдер быстро по сравнению $(окно).событие Load.

$(документ).готов огонь, когда Dom загружается, но $(окно).событие Load огонь, когда Dom ,css и изображения полностью загружены.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>   
  <script  src="https://code.jquery.com/jquery-1.12.4.js" ></script>
    <script> 
        $(window).load(function () {          
            var img = $('#img1');
      alert( "Image Height = " + img.height() + "<br>Image Width = " + img.width());          
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">     
    <div>
        <img id="img1" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTozkxoNSH8739juRXJJX5JxREAB6I30bFyexPoCdRVa2fKfH2d" />
    </div>
    </form>
</body>
</html>

Seema Gupta · Accepted Answer · 2017-12-22 10:18:07

$(document).ready - Это событие jQuery. Он срабатывает, как только DOM загружен и готов к манипулированию сценарием. Это самая ранняя точка в процессе загрузки страницы, где скрипт может безопасно получить доступ к элементам в HTML DOM страницы. Это событие запускается перед всеми изображениями, css и т. д. полностью загружены.

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