Jquery/javascript检测iframe是否可以加载

Question

我有来自另一个服务器/域的带有 OpenX 广告的 iframe。

当此广告服务器发生问题时，主服务器不会加载全部内容，因为 openx 在 iframe 中加载的域没有响应。我一直认为 iframe 独立于主站点工作，但如果域根本不响应，它就不会工作...

无论如何，主站点可以以某种方式检测到 iframe 中的 url 没有响应并跳过加载 iframe 并显示其余部分网站的？

Answer 1

网站加载后加载 iFrame 怎么样？使用 jQuery（甚至使用 window.load 事件的纯 JavaScript）可以很容易地做到这一点。

因此，您不必“检测” iFrame 是否已加载，而是可以在网站的其余部分完成加载后加载它。 （抱歉过度使用“load”一词）

在 jQuery 中，您可以简单地将 url 附加到 document.ready 事件上的 iFrame。

空白 iFrame

<iframe id="iframe-ad" width="200"></iframe>

简单的 jQuery，用于在 document.ready 上加载 URL

<script type="text/javascript">
    $(document).ready(function() {
        $("#iframe-ad").attr("src", "http://www.google.com");
    });
</script>

Answer 2

不幸的是，没有简单的方法可以做到这一点，除非它们是从同一个域提供的。我知道有一种方法可以让 iframe 内的 javascript 对它所包含的父文档执行一些操作，但我不太确定如何...

Answer 3

这是不可能的，因为同源策略，在某些浏览器中存在一些“差距”。但这不会推荐！

Answer 4

可能无法获得最佳体验，但您可以制作本地重定向文件。就像这样：

<iframe src="http://www.mydomain.com/redir?url=http://www.theirdomain.com/ads"/>

然后 redir 页面就返回

<script>
    location.href = "${url}";
</script>

这样，只要您的服务器正在响应，其他一切都会在 iframe 重定向时照常继续？

Answer 5

如果我没有 iframe 只是来自不同域的 javascript 怎么样？如果域没有响应，JavaScript 将阻止页面加载。有办法防止这种情况吗？