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

高洛峰
Libérer: 2017-02-04 13:15:43
original
1265 Les gens l'ont consulté

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; 
}
Copier après la connexion

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" >
Copier après la connexion

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 !

É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