Différence entre les fonctions $(window).load() et $(document).ready()

Question

Quelle est la différence entre $(window).load(function() {}) y $(document).ready(function() {}) dans jQuery ?

Answer 1

$(document).ready se produit lorsque tous les éléments sont présents dans le DOM, mais pas nécessairement tout le contenu.

$(document).ready(function() {
    alert("document is ready");
});

---

window.onload o $(window).load() se produit après que toutes les ressources de contenu (images, etc.) ont été chargées.

$(window).load(function() {
    alert("window is loaded");
});

Answer 2

Dans l'optique de jquery - il suffit d'ajouter load / onload à la fenêtre et au document. Regardez ça :

window.onload vs document.onload

Answer 3

Je pense que le $(window).load n'est pas pris en charge par JQuery 3.x.

Answer 4

Selon les événements de niveau 2 de DOM, le load L'événement est censé se déclencher sur document et non sur window . Cependant, load est mis en œuvre sur window dans tous les navigateurs pour des raisons de rétrocompatibilité.

Answer 5

document.ready (jQuery) document.ready s'exécutera juste après le chargement de la propriété du document HTML, et le DOM est prêt.

DOM : Le Document Object Model (DOM) est une convention multiplateforme et indépendante du langage pour représenter et interagir avec les objets dans les documents HTML, XHTML et XML.

$(document).ready(function()
{
   // executes when HTML-Document is loaded and DOM is ready
   alert("(document).ready was called - document is ready!");
});

window.load (JavaScript intégré) Cependant, la fonction window.load attendra que la page soit entièrement chargée, comme suit cela inclut les cadres internes, les images, etc. * window.load est une méthode JavaScript intégrée, elle est connue pour avoir quelques bizarreries dans les anciens navigateurs (IE6, IE8, anciennes versions de FF et Opera) mais elle fonctionne généralement dans tous ces navigateurs.

window.load peut être utilisé dans l'événement onload du corps comme ceci (mais je vous conseille vivement d'éviter de mélanger ce genre de code dans le HTML, car c'est une source de confusion par la suite) :

$(window).load(function() 
{
   // executes when complete page is fully loaded, including all frames, objects and images
   alert("(window).load was called - window is loaded!");
});