JAVASCRIPT检查iframe是否加载失败

我正在写一个PWA，它将在phonegap cordova上以应用程序的形式加载我的站点，我的问题是，如果无法加载iframe，如何使用javascript函数返回无连接页面，并保持加载程序图像#加载消息的完整性

身体{
保证金：0；
填充：0；
}
#加载消息{
背景：url(https://i.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.webp)中心不重复；
}
加载。。。
$（'#frame'）。就绪（函数（）{
//$（'#loadingMessage'）.css（'display'，'none'）；
$（“#加载消息”）.fadeOut（3000）；
});
$（'#frame'）。加载（函数（）{
//$（'#loadingMessage'）.css（'display'，'none'）；
$（“#加载消息”）.fadeOut（3000）；
});

如果没有连接，查询导入也会失败

您可以获取已知资源以检查连接，然后根据需要处理您的状态

检测iframe状态的唯一方法是通过api，因为您需要控制iframe内部和外部的代码

---

但我认为你应该直接加载你的应用程序，而不是将其包装在iframe中。

我的查询导入和脚本保存在手机上，我只是以这种方式发布在这里，因为你们可以看到它在工作，我通过手机加载，而不仅仅是通过iframe加载网站，但是为什么我要直接通过ajax或任何其他方法加载它呢？您能给我一个

code

示例，说明如何使用PostMessage api进行加载吗？可能是