> 웹 프론트엔드 > JS 튜토리얼 > JS는 img 태그를 최적화하고 onerror를 사용하여 기본 이미지를 표시합니다.

JS는 img 태그를 최적화하고 onerror를 사용하여 기본 이미지를 표시합니다.

高洛峰
풀어 주다: 2017-02-04 13:15:43
원래의
1262명이 탐색했습니다.

웹사이트 이미지가 표시되지 않는 데에는 네트워크 문제, 파일 자체 문제, 파일 URL 문제 등 여러 가지 이유가 있습니다. 이미지 로드에 실패하면 onerror 이벤트가 발생하여 이를 효과적으로 방지할 수 있습니다. 이미지 로딩 실패!

js 코드

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

html 코드

<img     style="max-width:90%"  style="max-width:90%" src="1.jpg" onerror="errorImg(this)" / alt="JS는 img 태그를 최적화하고 onerror를 사용하여 기본 이미지를 표시합니다." >
로그인 후 복사

페이지 효과

JS는 img 태그를 최적화하고 onerror를 사용하여 기본 이미지를 표시합니다.

JS는 img 태그 사용을 최적화합니다. 기본 이미지를 표시합니다. 관련 기사는 PHP 중국어 웹사이트를 참고하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿