Maison > interface Web > js tutoriel > Problèmes et solutions à l'événement onload non valide des images dans les compétences IE_javascript

Problèmes et solutions à l'événement onload non valide des images dans les compétences IE_javascript

WBOY
Libérer: 2016-05-16 16:45:38
original
1378 Les gens l'ont consulté

Dans le développement Web, il est normal d'obtenir la largeur et la hauteur de l'image. La largeur et la hauteur de l'image ne peuvent pas être obtenues avant le chargement de l'image. La largeur et la hauteur de l'image elle-même ne peuvent être obtenues qu'après le chargement de l'image. le chargement est terminé, par exemple :

Copier le code Le code est le suivant :

var img = new Image();
img.src = "loading.gif";
img.onload = function(){
alert ( img.width );
};

OK ? Il n'y a rien de mal avec ce code, mais il y a un bug dans IE. C'est bien quand je l'ouvre pour la première fois, mais c'est une tragédie la deuxième fois que j'utilise cette méthode. , même si je l'actualise. Il en va de même pour les pages. Étant donné qu'IE met en cache les images, l'image chargée pour la deuxième fois n'est pas téléchargée depuis le serveur, mais chargée depuis le tampon.
Écrivez d'abord la méthode onload, puis spécifiez l'URL de cette image, et ce sera normal. Par conséquent, ce n'est pas qu'IE n'a pas déclenché l'événement onload, mais parce que la vitesse de chargement du tampon est trop rapide, de sorte qu'au moment où img.onload n'est pas exécuté, l'événement onload a déjà été déclenché. C'est OK.

Copier le code Le code est le suivant :

var img = new Image();
img .onload = function(){
alerte ( img.width );
};
img.src = "loading.gif";
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal