Différence entre onload () et $ .ready?

Question

Pouvez-vous lister la différence entre les fonctions onload() et $(document).ready(function(){..}) dans l'utilisation de jQuery?

Answer 1

l' load (un.k.un "onload") sur la fenêtre et/ou de l'élément de corps le feu une fois que tout le contenu de la page a été chargé -- cela inclut toutes les images, scripts, etc... de tout.

En revanche, jquery $(document).ready(...) fonction va utiliser un navigateur spécifique de mécanisme pour s'assurer que votre gestionnaire est appelé dès que possible après le HTML/XML dom est chargé et accessible. C'est le premier point dans le processus de chargement de la page où vous pouvez exécuter un script qui a l'intention d'accéder à des éléments dans le dom html. Ce point arrive plus tôt (souvent beaucoup plus tôt) que la finale load événement, en raison du temps supplémentaire nécessaire pour charger les ressources secondaires (comme des images, et par exemple).

Answer 2

Les principales différences entre les deux sont les suivants:

1. Corps.Événement Onload() sera appelée que lorsque les DOM et les ressources connexes, comme des images suis chargé, mais de jQuery document.prêt() l'événement sera appelé une fois le DOM est chargé, c'est à dire, il l'habitude d'attendre pour les ressources telles que les images chargées. Par conséquent, les fonctions de jQuery est prêt événement sera exécuté une fois la structure HTML est chargé sans attente pour les ressources.
2. Nous pouvons avoir plusieurs document.prêt() dans une page, mais le Corps.Événement Onload() ne peut pas.

Answer 3

1. Nous pouvons avoir plus d'une fonction document.ready() dans une page où nous ne pouvons avoir qu'une seule fonction body onload.

2. La fonction document.ready () est appelée dès que DOM est chargé, où la fonction body.onload() est appelée lorsque tout est chargé sur la page, y compris DOM, les images et toutes les ressources associées de la page.

Answer 4

document.ready() est différente de la fonction corporelle onload() pour 2 raisons.

1. Nous pouvons avoir plus d'une fonction document.ready() dans une page où nous ne pouvons avoir qu'une seule fonction corps unload .
2. document.ready() est appelée dès que DOM est chargé, où la fonction body.onload() est appelée lorsque tout est chargé sur la page, y compris DOM, les images et toutes les ressources associées de la page.

Answer 5

body.onload () se préoccupe à la fois de la structure HTML et des ressources associées alors que document.ready () se soucie uniquement de la structure HTML.