[Javascript ] IMG onerror 처리

몰랐습니다.........예전부터 있었다는데 -ㅅ-;ㅋ
이미지가 없을경우 대체 이미지로 뜨는것. 이걸로 해결 할수 있음. 그런데 이게 표준이 맞는걸까? 일단 4대 브라우저에서 모두 되는것을 확인.




# 예시

<img src="XXX.jpg" onerror='this.src="http://xxx.com/image/public/illust_picture2.gif"' />

 

 

# Script

 

<script language="JavaScript　" type="text/JavaScript　">
function imgError()
{
event.srcElement.src = "http://xxx.com/image/public/illust_picture2.gif";
}
var all_img=document.getElementsByTagName("IMG")
if(all_img.length > 0)
{
 for(var i=0;i<all_img.length;i++)
 {
  all_img[i].onerror=imgError;
 }
}
</script>



/***************************************************************************************/

http://pat.im/801

위 주소에서 자세한 내용을 확인할 수 있었다.

표준에서는  구조와 동작을 분리하기에 img 안에 스크립트 넣는것을 오류로 처리한다.
이것 하나 때문에 여러가지 처리를 해주는 것에 대해 의견이 분분한듯. 위 링크에서 해결책을 제시해주었다.