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

检测iframe的源页面是否已完全加载到DOM中，可以通过以下几种方法：

使用JavaScript的load事件：可以给iframe元素添加load事件监听器，当iframe的源页面加载完成时触发该事件。可以通过以下代码实现：

var iframe = document.getElementById('myIframe');
iframe.addEventListener('load', function() {
  // 源页面已完全加载到DOM中
});

使用JavaScript的readystatechange事件：可以给iframe元素添加readystatechange事件监听器，当iframe的状态发生变化时触发该事件。可以通过以下代码实现：

var iframe = document.getElementById('myIframe');
iframe.addEventListener('readystatechange', function() {
  if (iframe.readyState === 'complete') {
    // 源页面已完全加载到DOM中
  }
});

使用JavaScript的MutationObserver：可以使用MutationObserver来监视iframe元素的子节点变化，当iframe的子节点发生变化时，表示源页面已完全加载到DOM中。可以通过以下代码实现：

var iframe = document.getElementById('myIframe');
var observer = new MutationObserver(function(mutations) {
  mutations.forEach(function(mutation) {
    if (mutation.type === 'childList' && iframe.contentDocument) {
      // 源页面已完全加载到DOM中
      observer.disconnect(); // 停止监视
    }
  });
});
observer.observe(iframe, { childList: true });

以上是检测iframe的源页面是否已完全加载到DOM中的几种方法。根据具体的使用场景和需求，选择适合的方法进行检测。