Javascript 如何捕获iframe内img标记返回的404（未找到）错误

假设我有一个带有src的iframe标记。 iframe src属于同一个域。。没有跨域

如果iframe文档具有返回not found错误的图像标记。 我应该如何在页面上的javascript中捕获此错误。 我正试图这样做。但控制台中并没有任何内容，只有图像的get错误

document.body.onload=function(){
     if(document.getElementById('myiframe')){
     var y = document.getElementById('myiframe').contentWindow ||     document.getElementById('myiframe').contentDocument;
     var z= y.document.getElementsByTagName('img');
     for(var i=0; i<z.length; i++){
     console.log(z[i]);
     z[i].onerror= function(){
        console.log('here');
      }
     }
    }
   }

document.body.onload=function（）{
if（document.getElementById（'myiframe'））{
var y=document.getElementById（'myiframe'）.contentWindow | | document.getElementById（'myiframe'）.contentDocument；
var z=y.document.getElementsByTagName（'img'）；
对于（var i=0；i您可以在iframe中捕获图像失败，并从iframe调用父函数中的一个函数

$('img').error(function(){parent.imageNotLoaded()})

您可以使用来测试它是否已加载：

if(document.getElementById("myImg").complete){
    alert("Image is loaded correctly !!!");
} else  alert("An error occured while loading Image !!!");

或者您可以使用
newimage（）
构造函数及其
onerror（）方法：

var image = new Image();
image.onerror = function () {
   console.error("Cannot load image");
   //do something else...
}
image.src = "path/image.jpg";

这里是。
在这里查看OneError i neet的用法，以检查iframe中的所有图像是否都已加载且没有任何错误