javascript - 如何使用 Angular 检查 iframe 内的内容是否已完全加载并且 src url 未向下(404/不可用)？

Question

我有一个 Angular 应用程序，它有一个 iframe，可以从外部 url 加载聊天机器人。我需要检查 url 是否已完全加载并且 url 未关闭。

iframe 最初未在 dom 上加载，仅在用户单击图标后加载。由于 iframe 最初需要一些时间加载，iframe 空间将为空。我尝试通过将其设置为背景来显示加载程序到包含 iframe 的 div，但加载程序始终在运行，即使在加载 iframe 后也是如此。

有人可以指导我吗？我是 angular 新手。我使用 agular 5.TIA

Answer 1

最简单的方法是检查 iframe 上的 onload 事件。 Document类型的ContentDocument，只读，检查此框架包含，如果有则可用，否则返回null。

//Get reference of the iframe with reference variable and call
// onload event on it
iframe.onload = function(){
   var that = $(this)[0];
   try{
        that.contentDocument;
   }
   catch(err){
        //TODO 
   }
}