如何检测iframe的源页面是否已完全加载到DOM中

Question

我希望在将iframe的源页面加载到DOM中以执行一些自定义客户端之后触发事件。请帮我。

Answer 1

使用onload事件：

document.getElementById("iframe-id").addEventListener("load",event=>{
    //Do some stuff when iframe loaded
})

Answer 2

如果iframe的内容与包含页面的来源相同，则可以在其上监听DOMContentLoaded事件：

theFrame.documentWindow.addEventListener("DOMContentLoaded", function() {
    // ...
});

（如果内容不是来自同一来源，那么我认为您无法挂钩该事件。但这没关系，因为您也无法进行您提到的自定义操作。:-)）