javascript - 跨域iframe内容加载检测

Question

我有一个相当有趣的问题。我有一个父页面，它将创建一个模态 jquery 对话框，对话框中包含一个 iframe。 iframe 将填充来自第 3 方域的内容。我的问题是我需要创建一些对话框级别的 javascript，它可以检测 iframe 的内容是否加载成功，如果它没有在 5 秒的时间范围内加载，然后关闭对话框并将用户返回到父页面。

我研究了很多解决方案，但只有两个具有真正的值(value)。

1. 让远程站点包含一个 javascript 行 document.domain = 'our-domain.com'。
2. 使用 URL 片段 hack，但我还是需要远程站点的请求能够通过将“#some_value”附加到 URL 的末尾来修改 URL，我的对话窗口必须轮询 URL，直到它看到它或超时。

老实说，这些是我必须使用的唯一选择吗？有没有更简单的方法来检测这一点？

我一直在研究是否有一种方法可以轮询 http 响应错误，但这仍然局限于相同的限制。

如有任何帮助，我们将不胜感激。

谢谢

Answer 1

最简单的方法(如果您可以将代码添加到外部站点)是让他们添加一个不可见的 iframe，指向您域中的一个特殊 html 文件。然后可以使用 parent.parent.foo() 通知原始窗口有关加载事件。

监听“加载”事件只会告诉您窗口是否加载，而不是加载的内容或文档是否已准备好进行交互。