gpt4 book ai didi

javascript - 抑制 HTMLImageElement 出错

转载 作者:塔克拉玛干 更新时间:2023-11-02 21:33:42 25 4
gpt4 key购买 nike

<分区>

我正在运行一个根据一些条件动态加载图像的脚本。该脚本事先并不知道特定图像源是否实际存在,因此需要在显示图像之前进行检查。为此,我将元素上的 onerror 处理程序替换为尝试优雅地处理事件的函数。

乍看之下效果很好,但是即使我已经替换了事件,浏览器仍然在控制台中审计 404 错误,这是我不想要的。更糟糕的是,IE 在状态栏中显示臭名昭著的 JS 错误图标,我觉得这很尴尬。

我试图在 JSFiddle 中总结问题.

var img = new Image();
img.onerror = function (ev) {
alert("This does not exist!");
return true;
}
img.onload = function (ev) {
document.body.appendChild(this);
}
img.src = "foo.png"; //Missing image

基本上,我想抑制该元素的所有错误报告,这样控制台就不会被多余的错误输出淹没。

我知道我可以通过使用 AJAX 和服务器端脚本预取和评估 HTTP header 来解决这个问题,虽然从技术上讲这是一种可能的解决方案,但我宁愿避免这种情况。然而,虽然我在示例中只使用标准 JS,但 JQuery 代码也是可以接受的。

我已经尝试阅读事件规范,但由于网络脚本仍然是困惑的 ECMAScript、HTML DOM、客户端、 Sprite 尘和现在我们都又爱又恨的 HTML5 定义,它真的没有让我失望任何明智的。我得到的最接近的是 Mozilla's documentation (有趣的是,它甚至没有说明正确的函数参数)这表明让事件返回 true 会抑制错误,但这并没有真正起作用。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com