代码之家 › 专栏 › 技术社区 › James A. Rosen

如何处理加载iframe时的错误?

error-handling iframe html javascript

James A. Rosen · 技术社区 · 14 年前

我有一个 <iframe> 其他网站可以包括这样他们的用户可以 POST 返回我的网站的表单。我想妥善处理我的站点关闭或服务器无法提供服务的情况。 <iFrAME> 内容(即响应超时或4xx或5xx错误)。我试图添加一个 onError 到 <iFrAME> 对象,但这似乎没有任何作用:

showIFrame = function() {
  var iframe = document.createElement('iframe');
  iframe.id = 'myIFrame';
  iframe.src = 'http://myserver.com/someURLThatFailsToLoad';
  iframe.onError = iframe.onerror = myHandler;
  document.body.appendChild(iframe);
};

myHandler = function(error) {
  document.getElementById('myIFrame').style.display = 'none';
  console.error('Error loading iframe contents: ' + error);
  return true;
};

如果我的服务器返回 404 我只是在我的 <iFrAME> . 实际上,这个错误处理程序从未被触发过。有什么方法可以让这个工作吗?

(我目前正在测试Chrome,但我希望它也适用于FF和IE>=7。)

3 回复 | 直到 12 年前

Marcel Korpel 14 年前

要检测您的服务器是否关闭,您可以包含来自您自己域的空脚本文件。当服务器关闭时, onerror 事件处理程序将激发:

var el = document.createElement('script');
el.onerror = errorFunction;
el.src = "somebogusscript.js?" + new Date().getTime();
document.body.appendChild(el);

注意:不要忘记向 src 属性以避免客户端使用缓存版本(这可能会停止对服务器的查看)。

Joel Kennedy 14 年前

也许你可以试试 onErrorUpdate 对于事件处理程序?我看不到 onError iframes的处理程序。如果不起作用,你可以试试 onLoad 然后检查iframe的源代码或其标题以获取404消息。

例如: if (frameDoc.title == 'title the server sends for 404') {

来源:

http://bytes.com/topic/javascript/answers/166288-catch-404-when-using-iframe

IFRAME方法: http://www.java2s.com/Code/HTMLCSSReference/HTML-Tag-Reference/iframeJavaScriptMethods.htm

iframe属性: http://www.java2s.com/Code/HTMLCSSReference/HTML-Tag-Reference/iframeJavaScriptProperties.htm

Sam Watkins 12 年前

一种技术是在发出请求时设置JavaScript超时。如果在iframe onload事件之前触发超时,则不会加载内容。然后可以将iframe.src设置为about:blank、delete或重用iframe。

推荐文章

driver · 使用ggplot R绘制热图

2 年前

ME Desings · 尝试从阵列复制时出现分段错误(核心转储)错误

2 年前

Mark Chris · 添加一条消息,当用户选择C#console中不存在的索引时显示该消息

2 年前

DevelJoe · PHP异常类中的反向级联?

2 年前

Tom Rushton · 启动时路由错误。当ASP出现404或500错误时,cs不会重定向到控制器。NET核心MVC

2 年前

Tobitor · S3:无效的bucket name-bucket name必须与正则表达式匹配

2 年前

Walker · 如何修复StringOutOfBoundsException?[重复]

2 年前

Daren Nevic · AWS红移等效于T-SQL的begin-try/begin-catch错误处理

2 年前

Sarimm Chaudhry · canot创建AR会话

2 年前

felipou · Rust错误处理-捕获多个错误

2 年前