>  기사  >  웹 프론트엔드  >  js는 img picture_javascript 기술의 onerror 이벤트 분석에 주의합니다.

js는 img picture_javascript 기술의 onerror 이벤트 분석에 주의합니다.

WBOY
WBOY원래의
2016-05-16 18:12:411453검색

분석 결과, 웹페이지에 다음과 유사한 코드가 있는 것으로 확인되었습니다.

pic
분석: onerror에 특히 주의하세요. 사진이 존재하지 않으면 onerror가 트리거되고 onerror는 img에 대한 NoPic.gif 사진을 지정합니다. 즉, 사진이 있으면 pic.gif가 표시되고, 사진이 없으면 noPic.gif가 표시됩니다. 그런데 여기서 문제가 발생합니다. noPic.gif가 존재하지 않으면 onerror가 계속 발생하여 루프가 발생하므로 오류가 발생합니다.

참고: 이미지가 존재하지만 네트워크가 원활하지 않은 경우 onerror가 발생할 수도 있습니다.

해결책:

첫 번째 방법: onerror 코드를 제거하거나 onerror 코드를 다른 것으로 변경하거나 onerror의 이미지가 충분히 작고 존재하는지 확인하세요.

두 번째 유형:

코드 복사 코드는 다음과 같습니다.

< script type="text/javascript">
function nofind(){
var img=event.srcElement;
img.src="../.. /../sys/common/image/fileoperation/icon/default.gif";
img.onerror=null; 계속 치고 있지 않도록 제어
}
//–>
< /script>
${file.name }
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.