使用js处理iframe时出错

Question

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

有没有一种方法可以确定在设置特定的iframe时是否发生HTTP错误并相应地进行处理？

Answer 1

不幸的是， <iframe>的onerror事件不再起作用。

不过，您可以使用类似的解决方法：

• 将load事件绑定到要load所有iframe

• 为每个<iframe>抛出一个具有任意时间的setTimeout ，平均时间小于等于60000（1mn）

如果加载事件触发，则清除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);

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