Dois-je utiliser window.load ou document.ready jquery

Récemment, j'ai vu que vous pourriez utiliser

$('document').ready(function() {
//Do Code
});

ou

$('window').load(function() {
//Do Code
});

pour jQuery.

Cependant, ils semblent être les mêmes pour moi! Mais ne le sont pas.

Donc ma question est: Qui dois-je utiliser pour un site web sorte de base à l'animation et asynchrone? Et aussi où l'un des deux est généralement préférable d'utiliser?

Grâce.

source d'informationauteur H Bellamy

  1. 31

    $('document').ready exécute le code lorsque le DOM est prêt, mais pas lorsque la page est chargée, qui est, le site n'a pas été peints et contenus tels que les images n'ont pas été chargés.

    $(window).load exécute le code lorsque la page a été peint et tout le contenu a été chargé. Cela peut être utile lorsque vous avez besoin pour obtenir la taille d'une image. Si l'image n'a pas de style ou de la largeur/hauteur, vous ne pouvez pas obtenir de sa taille, sauf si vous utilisez $(window).load.

  2. 7

    Bien tout d'abord, vous pouvez envisager d'utiliser le "prêt" de l'événement, que vous pouvez gestionnaire comme ceci:

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

    Ou, de façon plus succincte et idiomatique:

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

    La "charge" de gestionnaire de vraiment se rapporte à un événement réel, et peut être manipulé à plusieurs sortes d'éléments: <img> et <iframe> par exemple. La "charge" de l'événement au document ou au niveau de la fenêtre qui se passe lorsque l'ensemble de la page de ressources sont chargées. L' (synthétisé, dans certains navigateurs) "prêt" au cas toutefois se produit lorsque la page DOM est prêt, mais peut-être avant que des choses comme <img> contenu.

    Une autre option est de simplement mettre votre <script> balises à la fin de la <body> ou même après la <body>. De cette façon, les scripts, l'ensemble de DOM travailler avec, mais vous n'avez pas à vous soucier de toute sorte de la gestion des événements de savoir qu'.