Maison  >  Article  >  interface Web  >  Problèmes rencontrés lors de l'utilisation de l'événement image onload des compétences js_javascript

Problèmes rencontrés lors de l'utilisation de l'événement image onload des compétences js_javascript

WBOY
WBOYoriginal
2016-05-16 16:42:031325parcourir

À propos de l'événement de chargement de l'objet Image.

Ce que vous voulez obtenir, c'est la largeur et la hauteur de l'image. Utilisez donc la méthode onload. L'autre est l'image distante obtenue.

Mais lorsque IE affiche l’image pour la deuxième fois, il n’utilise toujours pas la méthode onload. Code :

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

Après l'avoir montré à mon camarade de classe Xiaoniu, j'ai découvert que img.src devait être placé après la méthode onload. .

Plus tard, en cherchant sur Google, j'ai découvert que de nombreuses personnes avaient résumé ce genre de problème. . Je suis tellement un étranger. .

Étant donné qu'IE n'a pas déclenché la méthode onload lors du chargement des données du tampon, le code de cet événement a été ignoré. Lorsque FF charge les données du tampon, il déclenche la méthode onload.

En fait, il y a un autre point, c'est-à-dire que l'image doit être ajustée de manière adaptative pendant le chargement. J'ai découvert que je devais définir img.src pour l'élément lors du chargement. . . Sinon, il ne mémorise que la première image. . .

Je ne sais toujours pas grand chose sur cette zone de cache. continuer.

Déclaration:
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