jQuery - Quelles sont les différences entre le $(document).prêt et $(window).la charge?

JS:

$(document).ready(function() {
  //executes when HTML-Document is loaded and DOM is ready
  console.log("document is ready");
});


$(window).load(function() {
  //executes when complete page is fully loaded, including all frames, objects and images
  console.log("window is loaded");
});

HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Requête version 3.0

Modification de rupture: .load(), .unload(), et .erreur() supprimé

Ces méthodes sont en fait des raccourcis pour le fonctionnement de la manifestation, mais il avait plusieurs API
les limites. L'événement .load() méthode en conflit avec l'ajax .load()
la méthode. Le .error() méthode ne peut pas être utilisé avec window.onerror
en raison de la façon dont les DOM méthode est définie. Si vous avez besoin de joindre
les événements de ces noms, utilisez le .on() méthode, par exemple, modifier
$("img").load(fn) à $(img).on("load", fn).^Un

$(window).load(function() {});

Doit être modifié pour

$(window).on('load', function (e) {})

Ce sont toutes équivalentes:

$(function(){
}); 

jQuery(document).ready(function(){
});

$(document).ready(function(){
});

$(document).on('ready', function(){
})

De la jQuery API Document

Tout en JavaScript fournit la load événement pour l'exécution de code lorsqu'un
la page est rendue, cet événement ne se déclencher jusqu'à ce que tous les actifs
tels que des images ont été entièrement reçu. Dans la plupart des cas, la
le script peut être exécuté dès que le DOM de la hiérarchie a été entièrement
construite. Le gestionnaire passé à .ready() est garantie
exécuté après le DOM est prêt, donc c'est généralement le meilleur endroit pour
joindre tous les autres gestionnaires d'événements et d'exécuter d'autres jQuery. Lors de l'utilisation de
les scripts qui reposent sur la valeur des propriétés de style CSS, il est important
pour faire référence à des feuilles de style externes ou d'intégrer des éléments de style avant
référencement sur les scripts.

Dans les cas où le code se fonde sur chargé de l'actif (par exemple, si l'
les dimensions de l'image sont nécessaires), le code doit être placé dans un
gestionnaire pour le load événement à la place.

De répondre à la deuxième question -

Non, ils sont identiques, aussi longtemps que vous n'êtes pas à l'aide de jQuery en aucun conflit mode.

La Différence entre $(document).ready() et $(window).load() fonctions est que le code inclus à l'intérieur de $(window).load() sera exécuté une fois la totalité de la page(images, des images, feuilles de style,etc) sont chargés alors que la document prêt événement se déclenche avant que toutes les images,les iframes etc. sont chargés, mais après que l'ensemble de DOM lui-même est prêt.

$(document).ready(function(){

}) 

et

$(function(){

});

et

jQuery(document).ready(function(){

});

Il n'y a pas de différence entre les 3 codes.

Ils sont équivalents,mais vous pouvez faire face à un conflit si d'autres Frameworks JavaScript utilise le même symbole du dollar $ comme un nom de raccourci.

jQuery.noConflict();
jQuery.ready(function($){
 //Code using $ as alias to jQuery
});

$(document).ready(function(e) { 
    //executes when HTML-Document is loaded and DOM is ready  
    console.log("page is loading now"); 
});

$(document).load(function(e) { 
    //when html page complete loaded
    console.log("completely loaded"); 
});