js检测iframe是否加载完成的方法

当一个页面中嵌入了一个iframe时，有时我们需要在iframe加载完成后执行一些特定的操作。这时候，我们就需要检测iframe是否已经加载完成。下面是几种js检测iframe是否加载完成的方法。

方法一：使用iframe的load事件

可以通过给iframe绑定load事件来检测iframe是否加载完成。示例代码如下：

var iframe = document.getElementById('myIframe');
iframe.onload = function() {
  console.log('iframe loaded');
};

上面的代码会在iframe加载完成时，输出"iframe loaded"。

方法二：使用iframe的contentWindow对象

我们还可以使用iframe的contentWindow对象，判断是否可以访问内部的DOM，来判断iframe是否加载完成。示例代码如下：

var iframe = document.getElementById('myIframe');
var iframeDoc = iframe.contentWindow.document;
if (iframeDoc.readyState === 'complete') {
  console.log('iframe loaded');
}

上面的代码会在iframe加载完成时，输出"iframe loaded"。

需要注意的是，当我们使用该方法时，需要确保iframe的源与当前页面的源相同，否则会因为跨域问题而导致获取iframe的内容失败。

以上是两种常见的js检测iframe是否加载完成的方法，建议配合实际使用场景选择合适的方法。