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

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";