Javascript 如何删除默认图像图标_Javascript_Internet Explorer_Google Chrome

Javascript 如何删除默认图像图标

javascript internet-explorer google-chrome

Javascript 如何删除默认图像图标,javascript,internet-explorer,google-chrome,Javascript,Internet Explorer,Google Chrome,我在这些图片中遇到了出现在chrome和IE中的交叉符号问题我希望从外部java脚本文件获得的场景（我希望类似的内容）。当图像标签从源中找不到图像时，第一个图像具有十字图标。mozilla将非常巧妙地处理这个问题，但chrome和IE会显示一个我不想要的十字图标我找到了一个非通用的解决方案，当图像没有从每个图像标签上的指定url获取图像时，我必须传递一个透明的图像url。。像这样的 <img src="i/ibm.png" onerror="this.src='i/1x1trns

我在这些图片中遇到了出现在chrome和IE中的交叉符号问题 我希望从外部java脚本文件获得的场景（我希望类似的内容）。

当图像标签从源中找不到图像时，第一个图像具有十字图标。mozilla将非常巧妙地处理这个问题，但chrome和IE会显示一个我不想要的十字图标

我找到了一个非通用的解决方案，当图像没有从每个图像标签上的指定url获取图像时，我必须传递一个透明的图像url。。像这样的

<img src="i/ibm.png" onerror="this.src='i/1x1trns.png';">

但在我的页面中有20多个图像，在整个项目中有200多个图像，所以在这种情况下，我想从一个外部javascript文件处理这个问题

因此，任何人如果知道这个问题，请告诉我一个解决方案……Thnx用于合作

var imgs=document.getElementsByTagName（'img'）；
var imgs = document.getElementsByTagName('img');

for (var i = 0; i < imgs.length; i++) {
    (function(img_elem) {
        var img = new Image();
        img.src = img_elem.src;
        img.onerror = function() {
             img_elem.src = 'i/1x1trns.png';
        };
    })(imgs[i]);
}

对于（变量i=0；i


在
标记中定义jQuery有点脏，但是您需要为$执行此操作。ready
，如果您可以编写自己的$。ready
，那么它将只是
中的一点代码
或
在获得这些图像之前，您需要添加jQuery
试试这个代码
<body>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("img").on("error", function() {
                $(this).attr("src", "i/1x1trns.png");
            });
        });
    </script>
    <img src="not-a-valid-image.png" alt="Logo not found" />
</body>


$（文档）.ready（函数（）{
$（“img”）。在（“错误”，函数（）上{
$（this.attr（“src”，“i/1x1trns.png”）；
});
});

我曾在我的一个项目中使用过这种方式。
你看到了吗？是的，我看到了这个链接，但这里“onerror”应用于img标记，而不是来自外部文件，我不想这样做，因为在每个图像标记上添加“onerror”标记是一种非常肮脏的编码方式。。。所以我想从一个地方处理这个问题我试过你的代码，但它在IE浏览器中不起作用，而且我只想用java脚本编写代码，因为我的项目中没有使用jquery。我试过你的代码，但它在所有浏览器中都不起作用