Javascript 如何使用angular检查iframe中的内容是否已完全加载，以及src url是否未关闭（404/不可用）？

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

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

---

有人能给我引路吗？我是angular的新手。我使用agular 5.TIA

最简单的方法是检查iframe上的onload事件。Document类型为readonly的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 
   }
}

---

最简单的方法是检查iframe上的onload事件。Document类型为readonly的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 
   }
}

---

我认为您使用的url可能会在加载时广播事件，您可以收听该事件。如果您尝试使用自己的iframe内容进行b/w通信，这可能会很有用。我认为您使用的url可能会在加载时广播事件，您可以收听该事件。如果您试图通过自己的iframe内容进行b/w通信，这可能会很有用。