javascript - 使用js处理iframe时出错

Question

我使用 $("#element").attr("src", "http://url.com/page"); 设置多个 iframe。

有没有办法确定设置特定 iframe 时是否发生 HTTP 错误并进行相应处理？

Answer 1

onerror事件<iframe>不幸的是，它不再工作了。

不过，您可以使用这样的解决方法:

• 绑定(bind) load向您正在加载的所有 iframe 发送事件

• 扔一个setTimeout每个 <iframe> 具有任意时间，例如同时 60000 (100 万) 或更少

如果加载事件触发，则清除 setTimeout .

这不是完整的错误处理，更多的是一种解决方法。我以前用 JSONP 来做这件事请求，因为也没有错误处理。

var timeout;
$("#iframe").attr("src", "url-cross-domain.html").on("load", function() {
    clearTimeout(timeout);
    console.log("loaded !");
}):
timeout = setTimeout(function() {
    $("#iframe").off("load").remove();
    console.error("iframe loading failed");
}, 60000);

它有一些限制，例如您将无法获取请求响应代码。但值得一试。