怪事一桩，放在一起的两个对象结果却不一样

Question

本帖最后由 Leixian 于 2014-07-23 11:12:40 编辑

Answer 1

两处都不应该可以！
你的事件绑定是在 window.onload 事件中进行的
页面加载完成，当然也包括其中图片加载完成。你对已经加载完成的 img 绑定 onerror 事件，怎么可能有效呢？
就算是 img 加载是否完成不计算在 window.onload 中
那也必定有 window.onload 事件发生前就加载完成的图片
所以你预期的 onerror 事件的响应也不可能是完整的

Answer 2

哦，你的意思是说在加载的时候在img标签中添加onerror事件吗？不能批量绑定吗？

Answer 3

你是不是要对没有正确加载图片进行判断？
网上找到如下代码：<script type="text/javascript">
        $(function () {
            $('#slider-box img').each(function () {
                if (!this.complete || typeof this.naturalWidth == "undefined" || this.naturalWidth == 0) {
                    // image was broken, replace with your new image
                    this.src = 'http://www.tranism.com/weblog/images/broken_ipod.gif';
                }
            });
        });
    </script>可以试一下。

Answer 4

谢谢！！这个可以，刚搜了一下naturalWidth 和 naturalHeight是HTML5专属的，我再测试其他浏览器~~~