Dev Faq
11
votes

Quand le document est-il réellement incendié?

Considérons l'affaire suivante:

Il y a une image de 2,5 Mo dans une balise et je suis sur une connexion lente qui prend beaucoup de temps pour télécharger cette image. Si je mettez le document .Ready () dans l'étiquette de tête, attendez-vous que l'image soit téléchargée ou que tout ira lorsque tout le HTML est téléchargé?

Au cas où il tire lorsque tout le HTML est téléchargé, comment puis-je l'éviter?

Comment faire le Ready () Fonction Fonction après le transfert de données de 2,5 Mo?

3 commentaires

Simple Docs Recherche aurait répondu à cette question. API.JQUERY.COM/READY

Les documents simples ont provoqué un peu de confusion et ma question est non seulement de .Readady (), il s'agit également d'appeler la fonction .Readady () après que le transfert de 2,5 Mo est terminé :)

@Rohan: prêt () n'est pas la bonne fonction de le faire, il existe une autre fonction pour cela, à savoir, charge () . Utilisez les bons outils pour le bon travail - Les tournevis sont pour les vis, les marteaux sont pour les ongles, ils ne sont pas interchangeables; c'est aussi simple que ça.

4 Réponses :

1
votes

Comme dans le documentation :

tandis que JavaScript fournit l'événement charger pour exécuter le code quand un La page est rendue, cet événement n'est pas déclenché avant tous les actifs comme des images ont été complètement reçues. Dans la plupart des cas, le Le script peut être exécuté dès que la hiérarchie DOM a été pleinement construit.

il est donc lorsque les balises sont chargées, mais pas les données réelles des images.

Exemple de chargement des images et de déclencher un événement quand ils sont chargés: xxx

1 commentaires

Ensuite, que se passe-t-il si je le souhaite de tirer quand l'image de 2,5 Mo est téléchargée?

17
votes 
$(window).load(...)
1 commentaires

et nous devrions indiquer ici que lorsque nous disons que le «DOM est chargé», nous voulons dire que d'abord le HTML est analysé et rendu (uniquement le HTML, sans les ressources téléchargées), puis le DOM, en fonction du HTML, est créé.

3
votes

pour citer La documentation de prêt () :

tandis que JavaScript fournit l'événement de chargement du code d'exécution lorsqu'une page est rendue, cet événement n'est pas déclenché tant que tous les actifs tels que des images ont été complètement reçus. [...] Le gestionnaire transmis à .Readady () est garanti d'être exécuté après que le DOM soit prêt à [...]

Alors oui, il peut tirer avant que les images soient chargées (c'est ce que c'est pour, après tout). Il adresse même cela explicitement:

Dans les cas où le code repose sur des actifs chargés (par exemple, si les dimensions d'une image sont requises), le code doit être placé dans un gestionnaire pour l'événement de chargement.

La documentation pour charge () est ici: http: // API .jquery.com / Load-Event /

0 commentaires
1
votes

Tout à l'intérieur $ (document) .Readady () sera chargé dès que le DOM est chargé et avant que le contenu de la page (HTML) soit chargé.

0 commentaires

Articles qui pourrait vous intéresser :

Select2 ne s'affiche pas correctement dans le mode bootstrap
datetimepicker ne fonctionne pas avec bootstrap 4?
L'appel Ajax n'affiche pas de réponse en cas de succès
django admin - Comment ajouter du javascript à la fin d'un fichier