我有一个 ，其他网站可以包含它，以便他们的用户可以POST 将表单返回到我的网站.我想优雅地处理我的站点关闭或我的服务器无法提供 <iframe> 内容(即响应超时或 4xx 或 5xx 错误)的情况.我尝试将 onError 添加到 <iframe> 对象，但这似乎没有任何作用:</p> <p class="en">I have an <iframe> that other sites can include so their users can POST a form back to my site. I'd like to handle gracefully the cases where my site is down or my server can't serve the <iframe> contents (that is, a response timeout or a 4xx or 5xx error). I tried adding an onError to the <iframe> object, but that didn't seem to do anything:</p> showIFrame = function() { var iframe = document.createElement('iframe'); iframe.id = 'myIFrame'; iframe.src = 'myserver/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; }; <p class="cn">如果我的服务器返回 404，我只会在我的 <iframe> 中获取未找到页面的内容.事实上，该错误处理程序从未被触发.有没有办法让这个工作?</p> <p class="en">If my server returns a 404 I just get the contents of the not-found page in my <iframe>. In fact, that error handler isn't ever triggered. Is there a way to make this work?</p> <p class="cn">(我目前正在 Chrome 中进行测试，但我希望它也适用于 FF 和 IE >= 7.)</p> <p class="en">(I'm currently testing in Chrome, but I'd like it to also work for FF and IE >= 7.)</p> 推荐答案 <p class="cn">要检测您的服务器是否已关闭，您可以包含一个来自您自己域的空脚本文件.当服务器关闭时，onerror 事件处理程序将触发:</p> <p class="en">To detect whether your server is down or not, you can include an empty script file from your own domain. When the server is down, the onerror event handler will fire:</p> var el = document.createElement('script'); el.onerror = errorFunction; el.src = "somebogusscript.js?" + new Date().getTime(); document.body.appendChild(el); <p class="cn">注意:不要忘记在 src 属性中添加一个随机字符串，以避免客户端使用缓存版本(这可能会停止查看服务器).</p> <p class="en">Note: don't forget to add a random string to the src attribute to avoid the client using a cached version (which could stop a look at the server at all).</p> </div> <div class="elefans "> <p>更多推荐</p> <p>如何处理加载 iframe 时出现的错误?</p></div> <div class="elefans pagebar"> </div> </article> <div class="elefans pcd_ad" style="margin: 10px 0px;"><script src=https://www.elefans.com/category/d/js/acmsd/thea10.js></script></div> <div class="elefans mbd_ad" style="margin-: 10px 0px;"></div> </div> <div class="elefans info"> <div> <span>本文发布于:2023-11-26 22:57:40，感谢您对本站的认可！</span></div> <div> <span>本文链接:</span><a href="https://www.elefans.com/category/jswz/34/1635546.html" title="如何处理加载 iframe 时出现的错误?">https://www.elefans.com/category/jswz/34/1635546.html</a> </div> <div> <span>版权声明:本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。</span></div> </div> <span class="tag"><i class="iconfont icon-discount" style="font-size:12px;font-weight:bold;opacity:.7;">本文标签：</i><a href="https://www.elefans.com/category/e/tags/?tagname=%E5%A6%82%E4%BD%95%E5%A4%84%E7%90%86" target="_blank">如何处理</a> <a href="https://www.elefans.com/category/e/tags/?tagname=%E5%8A%A0%E8%BD%BD" target="_blank">加载</a> <a href="https://www.elefans.com/category/e/tags/?tagname=%E9%94%99%E8%AF%AF" target="_blank">错误</a> <a href="https://www.elefans.com/category/e/tags/?tagname=iframe" target="_blank">iframe</a></span> <ul class="cl"> <li class="fl" style="max-width: 47%;"><span class="prev">上一篇：</span> <a href='https://www.elefans.com/category/jswz/34/1635545.html'>如何处理加载iframe时的错误？</a> </li> <li class="fr" style="max-width: 47%;"><span class="next">下一篇：</span> <a href='https://www.elefans.com/category/jswz/34/1635547.html'>服务器数据恢复—Zfs文件系统下文件被误删除的如何恢复数据？</a> </li> </ul> </div> <div class="elefans related"> </div> <script> function CheckPl(obj) { if(obj.txaArticle.value=="") { alert("您没什么话要说吗？"); obj.txaArticle.focus(); return false; } return true; } </script> <div class="elefans post_comments" id="comments"> <!--评论框--> <div id="comt-respond" class="commentpost"> <h4>发布评论<span><a rel="nofollow" id="cancel-reply" href="#comment" style="display:none;"><small>取消回复</small></a></span></h4> <form action="https://www.elefans.com/category/e/pl/doaction.php" method="post" name="saypl" id="frmSumbit" onsubmit="return CheckPl(document.saypl)"> <input name="id" type="hidden" id="id" value="1635546" /> <input name="classid" type="hidden" id="classid" value="34" /> <input name="enews" type="hidden" id="enews" value="AddPl" /> <input name="repid" type="hidden" id="repid" value="0" /> <input type="hidden" name="ecmsfrom" value="https://www.elefans.com/category/jswz/34/1635546.html"> <div class="elefans comt-box"> <script src="https://www.elefans.com/category/e/pl/loginjspl.php"></script> <!--<div class="elefans form-group liuyan form-email"> <input type="text" id="inpEmail" class="text" name="inpEmail" tabindex="2" placeholder="邮箱"> </div> <div class="elefans form-group liuyan form-www"> <input type="text" id="inpHomePage" name="inpHomePage" class="text" tabindex="3" placeholder="网址"> </div>--> </div> <!--verify--> <div id="comment-tools"> <div class="elefans tools_text"> <textarea placeholder="请在这里留言..." name="saytext" id="txaArticle" class="text input-block-level comt-area" cols="50" rows="4" tabindex="5"></textarea> </div> </div> <div class="elefans psumbit"> <input name="sumbit" type="submit" tabindex="6" value="发布" class="button" /> <div class="elefans form-inpVerify"> <div class="elefans input-inpVerify"> <input type="text" id="inpVerify" name="key" tabindex="4" placeholder="验证码"> <div class="elefans input-group-addon"><img src="https://www.elefans.com/category/e/ShowKey/?v=pl" class="verifyimg" name="plKeyImg" id="plKeyImg" onclick="plKeyImg.src='https://www.elefans.com/category/e/ShowKey/?v=pl&t='+Math.random()" title="看不清楚,点击刷新" /> </div> </div> </div> </div> </form> </div> <!--评论框结束--> <!--评论输出--> <div class="elefans commentlist"> <div class="elefans comment-tab"> <div class="elefans come-comt"> 评论列表 <span id="comment_count">（有 <span id="infocommentnumarea" style="color:#c81111">0</span> 条评论）</span> </div> </div> <label id="AjaxCommentBegin"></label> <div id="infocommentarea"></div> <!--评论输出结束--> <script src="https://www.elefans.com/category/e/extend/infocomment/commentajax.php?classid=34&id=1635546"></script> <label id="AjaxCommentEnd"></label> <!--评论翻页条输出结束--> </div> </div> </div> <div class="elefans mainr"> <div class="elefans widget widget_previous"> <h4 class="bar">最近发表</h4> <ul> <li><a href="https://www.elefans.com/category/jswz/5cf3d7e1581e232a4387d58df1d09fb8.html">荆门网站建设的重要性</a></li> <li><a href="https://www.elefans.com/category/jswz/e1cda9481430e2c3caa811cfb6db431c.html">win10蓝屏终止代码CRITICAL_PROCESS_DIED解决方法</a></li> <li><a href="https://www.elefans.com/category/jswz/20f26d1c1035ac67964a930e5b0f402a.html">您可以尝试添加 --skip-broken 选项来解决该问题 您可以尝试执行：rpm -Va --nofiles --nodigest 解决方案</a></li> <li><a href="https://www.elefans.com/category/jswz/6c4cab98a4c9f541f4d5c829dcd665b1.html">关于无线网络波动大的解决办法</a></li> <li><a href="https://www.elefans.com/category/jswz/c48d9253026aafb9491b13ca5c97e46b.html">Windows10 关于系统中断CPU占用过高导致电脑变卡的解决办法</a></li> <li><a href="https://www.elefans.com/category/jswz/65b7c64b7efb6fff0e17fd401d4346c8.html">VS 2019 点击页面自动定位到解决方案资源管理器目录位置</a></li> <li><a href="https://www.elefans.com/category/jswz/a24e130c12ab2b28f8cb29c0ed90563d.html">（亲测解决）VMware打开需要半天才进入、打开系统很慢、运行很慢解决办法</a></li> <li><a href="https://www.elefans.com/category/jswz/4e9021ec823757d112f67eb88b02a0a1.html">Typora官网下载的最新版本mac10.13以下版本用不了的解决办法</a></li> <li><a href="https://www.elefans.com/category/jswz/17f496fe5d91ba9ef361df13291ff345.html">成功解决ModuleNotFoundError: No module named ‘torch._C‘</a></li> <li><a href="https://www.elefans.com/category/jswz/284827ce064c32beb874d9e40a98897c.html">MySQL:由于找不到VCRUNTIME140_1.dll，无法继续执行代码。重新安装程序可能会解决此问题</a></li> </ul> </div> <section id="aside_about" class="widget widget_aside_about sb br mb"> <div class="avatar"><img class="img" src="https://www.elefans.com/category/skin/static/images/tx.jpg" alt="草根站长"/></div> <div class="wrap pd"> <p class="title">>www.elefans.com</p> <p class="info">编程频道|电子爱好者 - 技术资讯及电子产品介绍！</p> <ul class="ul clearfix"> </ul> </div> </section> <div class="elefans clear"></div> <div class="elefans widgets"> <script src="https://www.elefans.com/category/e/member/login/loginjs_ce.php"></script> </div> <div class="elefans clear"></div> <div class="elefans widgets pcd_ad"> <script src="https://www.elefans.com/category/d/js/acmsd/thea1.js"></script> </div> <div class="elefans widgets mbd_ad"> </div> <div class="elefans clear"></div> <div class="elefans widgets"> <h4 class="bar">热门文章</h4> <div class="elefans hot-post"> <ul class="clearfix"> <li><a href="https://www.elefans.com/category/jswz/34/1771442.html" title="从源“http://localhost:5173”访问“...”处的 XMLHttpRequest 已被 CORS 策略阻止" target="_blank"><span class="img-box mb5" data-ratio="16:9"><img src="/uploads/image/0093.jpg" alt="从源“http://localhost:5173”访问“...”处的 XMLHttpRequest 已被 CORS 策略阻止" /></span> <span class="sptit">从源“http://localhost:5173”访问“...”处的 XMLHttpRequest 已被 CORS 策略阻止</span> </a> </li> <li><a href="https://www.elefans.com/category/jswz/34/1771441.html" title="币安API错误代码1102，未发送强制参数“时间戳”" target="_blank"><span class="img-box mb5" data-ratio="16:9"><img src="/uploads/image/0337.jpg" alt="币安API错误代码1102，未发送强制参数“时间戳”" /></span> <span class="sptit">币安API错误代码1102，未发送强制参数“时间戳”</span> </a> </li> <li><a href="https://www.elefans.com/category/jswz/34/1771440.html" title="如果我在bot telegram nodejs中使用editMessageMedia，我如何制作标题" target="_blank"><span class="img-box mb5" data-ratio="16:9"><img src="/uploads/image/0474.jpg" alt="如果我在bot telegram nodejs中使用editMessageMedia，我如何制作标题" /></span> <span class="sptit">如果我在bot telegram nodejs中使用editMessageMedia，我如何制作标题</span> </a> </li> <li><a href="https://www.elefans.com/category/jswz/34/1771439.html" title="在 Node.js 中从网络流创建 blob" target="_blank"><span class="img-box mb5" data-ratio="16:9"><img src="/uploads/image/0481.jpg" alt="在 Node.js 中从网络流创建 blob" /></span> <span class="sptit">在 Node.js 中从网络流创建 blob</span> </a> </li> <li><a href="https://www.elefans.com/category/jswz/34/1771438.html" title="使用 Node.js / ES6 如何设置 dotenv 文件的自定义路径？" target="_blank"><span class="img-box mb5" data-ratio="16:9"><img src="/uploads/image/0409.jpg" alt="使用 Node.js / ES6 如何设置 dotenv 文件的自定义路径？" /></span> <span class="sptit">使用 Node.js / ES6 如何设置 dotenv 文件的自定义路径？</span> </a> </li> <li><a href="https://www.elefans.com/category/jswz/34/1771437.html" title="使用 NODE.JS 和 html5 实现低延迟（50 毫秒）视频流" target="_blank"><span class="img-box mb5" data-ratio="16:9"><img src="/uploads/image/0070.jpg" alt="使用 NODE.JS 和 html5 实现低延迟（50 毫秒）视频流" /></span> <span class="sptit">使用 NODE.JS 和 html5 实现低延迟（50 毫秒）视频流</span> </a> </li> <li><a href="https://www.elefans.com/category/jswz/34/1771436.html" title="如何从nodejs连接laravel>laravel" target="_blank"><span class="img-box mb5" data-ratio="16:9"><img src="/uploads/image/0731.jpg" alt="如何从nodejs连接laravel>laravel" /></span> <span class="sptit">如何从nodejs连接laravel>laravel</span> </a> </li> <li><a href="https://www.elefans.com/category/jswz/34/1771435.html" title="使用nodejs观看目录" target="_blank"><span class="img-box mb5" data-ratio="16:9"><img src="/uploads/image/0486.jpg" alt="使用nodejs观看目录" /></span> <span class="sptit">使用nodejs观看目录</span> </a> </li> <li><a href="https://www.elefans.com/category/jswz/34/1771434.html" title="如果文件包含特定字符串，如何跳过 GitHub 工作流程步骤？" target="_blank"><span class="img-box mb5" data-ratio="16:9"><img src="/uploads/image/0153.jpg" alt="如果文件包含特定字符串，如何跳过 GitHub 工作流程步骤？" /></span> <span class="sptit">如果文件包含特定字符串，如何跳过 GitHub 工作流程步骤？</span> </a> </li> <li><a href="https://www.elefans.com/category/jswz/34/1771433.html" title="FirebaseError：无法从.env加载环境变量" target="_blank"><span class="img-box mb5" data-ratio="16:9"><img src="/uploads/image/0053.jpg" alt="FirebaseError：无法从.env加载环境变量" /></span> <span class="sptit">FirebaseError：无法从.env加载环境变量</span> </a> </li> </ul> </div> </div> <div class="elefans clear"></div> <div class="elefans widgets pcd_ad"> <script src="https://www.elefans.com/category/d/js/acmsd/thea2.js"></script> </div> <div class="elefans widgets mbd_ad"> </div> <div class="elefans clear"></div> <div class="elefans widget widget_tags"> <h4 class="bar">标签列表</h4> <ul> <li class="submenu tagbgc32"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E6%96%87%E4%BB%B6">文件</a></li> <li class="submenu tagbgc195"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E5%A6%82%E4%BD%95%E5%9C%A8">如何在</a></li> <li class="submenu tagbgc101"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=Python">Python</a></li> <li class="submenu tagbgc358"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E7%B3%BB%E7%BB%9F">系统</a></li> <li class="submenu tagbgc109"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=java">java</a></li> <li class="submenu tagbgc120"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E6%96%B9%E6%B3%95">方法</a></li> <li class="submenu tagbgc360"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E6%95%B0%E6%8D%AE">数据</a></li> <li class="submenu tagbgc790"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E9%94%99%E8%AF%AF">错误</a></li> <li class="submenu tagbgc448"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=windows">windows</a></li> <li class="submenu tagbgc316"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E5%87%BD%E6%95%B0">函数</a></li> <li class="submenu tagbgc128"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=android">android</a></li> <li class="submenu tagbgc10"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=linux">linux</a></li> <li class="submenu tagbgc28"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E6%95%99%E7%A8%8B">教程</a></li> <li class="submenu tagbgc213"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8">如何使用</a></li> <li class="submenu tagbgc96"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E4%BB%A3%E7%A0%81">代码</a></li> <li class="submenu tagbgc2203"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E5%AD%97%E7%AC%A6%E4%B8%B2">字符串</a></li> <li class="submenu tagbgc115"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E8%AE%A1%E7%AE%97%E6%9C%BA">计算机</a></li> <li class="submenu tagbgc1057"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E7%94%B5%E8%84%91">电脑</a></li> <li class="submenu tagbgc826"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E6%9C%8D%E5%8A%A1%E5%99%A8">服务器</a></li> <li class="submenu tagbgc486"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=NET">NET</a></li> <li class="submenu tagbgc1762"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F">应用程序</a></li> <li class="submenu tagbgc629"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E6%95%B0%E7%BB%84">数组</a></li> <li class="submenu tagbgc391"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=PHP">PHP</a></li> <li class="submenu tagbgc507"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=MySQL">MySQL</a></li> <li class="submenu tagbgc761"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=SQL">SQL</a></li> <li class="submenu tagbgc1475"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E5%AF%B9%E8%B1%A1">对象</a></li> <li class="submenu tagbgc102"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E9%A1%B9%E7%9B%AE">项目</a></li> <li class="submenu tagbgc98"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E7%A8%8B%E5%BA%8F">程序</a></li> <li class="submenu tagbgc520"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=%E6%95%B0%E6%8D%AE%E5%BA%93">数据库</a></li> <li class="submenu tagbgc51"><a target="_blank" href="https://www.elefans.com/category/e/tags/?tagname=word">word</a></li> </ul> </div> <div class="elefans clear"></div> <div class="elefans widgets pcd_ad"> <script src="https://www.elefans.com/category/d/js/acmsd/thea3.js"></script> </div> <div class="elefans widgets mbd_ad"> </div> <div class="elefans clear"></div> </div> </div> <footer id="footer"> <div class="footer container-w cl"> <div class="fnav"></div> <span class="copy">Copyright ©2019-2022 Comsenz Inc.Powered by © <a href="https://www.elefans.com/category/" title="编程频道|电子爱好者 - 技术资讯及电子产品介绍！" target="_blank">编程频道|电子爱好者 - 技术资讯及电子产品介绍！</a> <a rel="external nofollow" href="https://beian.miit.gov.cn/"> </a> <a href="https://www.elefans.com/xitong/">系统办公</a>|<a href="https://www.elefans.com/dianzi/">电子产品</a> </span> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?7009e2d0d7ec0636195834de99b28e15"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </footer> <script src="https://www.elefans.com/category/skin/static/js/common.min.js?v=1.1"></script> <script> function goTop() { var obj = document.getElementById("goTopBtn"); function getScrollTop() { return document.documentElement.scrollTop || document.body.scrollTop; } function setScrollTop(value) { if (document.documentElement.scrollTop) { document.documentElement.scrollTop = value; } else { document.body.scrollTop = value; } } window.onscroll = function() { getScrollTop() > 0 ? obj.style.display = "": obj.style.display = "none"; var h = document.body.scrollHeight - getScrollTop() - obj.offsetTop - obj.offsetHeight; obj.style.bottom = 0 + "px"; if (h < 350) { obj.style.bottom = 340 + "px"; obj.style.top = "auto"; } } obj.onclick = function() { var goTop = setInterval(scrollMove, 10); function scrollMove() { setScrollTop(getScrollTop() / 1.1); if (getScrollTop() < 1) clearInterval(goTop); } } } </script> <script> var s = document.location; $(".navbar a").each(function() { if (this.href == s.toString().split("#")[0]) { $(this).addClass("active"); return false; } }); </script> <div id="gotop" > <div style="display: none; margin-bottom:5px;" id="goTopBtn" ><a title="返回顶部" class="gotopa"><span class="iconfont icon-rocket-fill"></span></a></div> <script>goTop();</script> </div> </body> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?7009e2d0d7ec0636195834de99b28e15"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </html>
