Maison >interface Web >js tutoriel >JS optimise la balise img et utilise onerror pour afficher l'image par défaut

JS optimise la balise img et utilise onerror pour afficher l'image par défaut

高洛峰
高洛峰original
2017-02-04 13:15:431292parcourir

Il existe de nombreuses raisons pour lesquelles les images du site Web ne s'affichent pas, telles que des problèmes de réseau, des problèmes de fichier lui-même, des problèmes d'URL de fichier, etc. Lorsque l'image ne parvient pas à se charger, l'événement onerror sera déclenché. Nous pouvons l'utiliser pour éviter efficacement. Échec du chargement de l'image.

code js

//图像加载出错时的处理 
function errorImg(img) { 
img.src = "http://static.xuexiba.com/uploadfile//UserInfo/Avatar/201403/1303992393385832875324.jpg"; 
img.onerror = null; 
}

code html

<img     style="max-width:90%"  style="max-width:90%" src="1.jpg" onerror="errorImg(this)" / alt="JS optimise la balise img et utilise onerror pour afficher l'image par défaut" >

Effet de page

JS optimise la balise img et utilise onerror pour afficher limage par défaut

Plus de JS pour img Label l'optimisation utilise une erreur pour afficher les images par défaut. Pour les articles connexes, veuillez faire attention au site Web PHP chinois !

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