Utilisez Onload ou prêt?

Question

Dans ma demande, j'utilise

$(document).ready() 

Quelle est la différence entre cela et

$(document).onload() 

Answer 1

Le ready est déclenchée lorsque seul le DOM est prêt tout onload se déclenche lorsque toutes les ressources de la page, y compris DOM, images, cadres, etc ont chargé.

Voir:

$(document).ready vs. $(window).load

Remarque que ready se trouve avec jQuery pas javascript brut, donc je suppose que vous savez que cette comparaison et de façon semble logique.

Answer 2

.ready() est appelée dès que le code de la page est téléchargée et analysée. .onload() est appelé lorsque toutes les images/vidéos/etc sont téléchargées. Utilisez .ready() pour que jQuery fonctionne mieux, sauf si vous avez une raison particulière d'attendre onload().

Answer 3

Tout est expliqué à l'intérieur du jquery docs.

La première chose que la plupart Javascript programmeurs finissent par faire est d'ajouter un code à leur programme, semblable à ceci:

window.onload = function(){ alert("welcome"); }

intérieur est le code que vous voulez pour exécuter correctement lorsque la page est chargée. Problème, cependant, le code Javascript n'est pas exécuté tant que toutes les images n'ont pas été téléchargées (cette inclut des bannières publicitaires). La raison pour en utilisant window.onload en premier lieu est que le 'document' HTML n'est pas fini de charger encore, lorsque vous d'abord essayer d'exécuter votre code.

pour contourner les problèmes, jQuery a une simple déclaration qui vérifie le document et attend jusqu'à ce qu'il soit prêt à être manipulé, connu comme l'événement prêt:

En aparté (et suggested par yahoo) Je m'assure toujours que mes scripts jquery/js sont inclus juste avant la balise de fermeture du corps. De cette façon, vous n'avez pas à vous soucier du chargement de la fenêtre ou des fonctions prêtes à l'emploi.

Answer 4

.ready()

Une fonction à exécuter après le DOM est prêt.

-De l'jQuery API Docs

.onload()

l'événement OnLoad se produit lorsque l'agent utilisateur termine le chargement d'une fenêtre ou toutes les trames au sein d'un jeu de cadres.

-De la HTML 4.01 Specification