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

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

高洛峰
Freigeben: 2017-02-04 13:15:43
Original
1272 Leute haben es durchsucht

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; 
}
Nach dem Login kopieren

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" >
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage