img onerror event trigger stackoverflow in IE browser - dongyuwei/blog GitHub Wiki

##img onerror event trigger stackoverflow in IE browser，test code：

<!DOCTYPE html>
<html>
    <head>
        <title>
            test img onerror
        </title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    </head>
    <body>
        <img id='test'  width='10px' height='10px'>

        <script>
            var oImg = document.getElementById('test');
            oImg.onerror = function(){
                alert('img load error')
                oImg.src = 'http://local123xyz.com/test.png';// 再请求一次。这在ie浏览器（测试了IE8）下会触发死循环
                oImg.onerror = null;
            };
            oImg.src = 'http://local123xyz.com/test.png'
        </script>
    </body>
</html>

chrome等浏览器只会重发一次img请求。 IE浏览器下可以这样解决：

var oImg = document.getElementById('test');
oImg.onerror = function(){
    oImg.onerror = null;
    oImg.src = 'http://local123xyz.com/test.png';
    
};
oImg.src = 'http://local123xyz.com/test.png'
Add a custom footer
⚠️ **GitHub.com Fallback** ⚠️