Heim  >  Artikel  >  Web-Frontend  >  JS optimiert das img-Tag und verwendet onerror, um das Standardbild anzuzeigen

JS optimiert das img-Tag und verwendet onerror, um das Standardbild anzuzeigen

高洛峰
高洛峰Original
2017-02-04 13:15:431241Durchsuche

Es gibt viele Gründe, warum Website-Bilder nicht angezeigt werden, z. B. Netzwerkprobleme, Probleme mit der Datei selbst, Probleme mit der Datei-URL usw. Wenn das Bild nicht geladen werden kann, wird das Ereignis onerror ausgelöst. Dies können wir effektiv vermeiden Fehler beim Laden des Bildes.

JS-Code

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

HTML-Code

<img     style="max-width:90%"  style="max-width:90%" src="1.jpg" onerror="errorImg(this)" / alt="JS optimiert das img-Tag und verwendet onerror, um das Standardbild anzuzeigen" >

Seiteneffekt

JS optimiert das img-Tag und verwendet onerror, um das Standardbild anzuzeigen

Mehr JS für img Optimize Tags und verwenden Sie onerror, um Standardbilder anzuzeigen. Beachten Sie für verwandte Artikel die PHP-Chinese-Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn