如何检查 iframe 是否已加载

有时候我们需要检查 iframe 是否已经加载完毕，这时候我们可以通过以下方法来实现。

方法一：使用 onload 事件

我们可以使用 iframe 的 onload 事件来判断 iframe 是否已经加载完毕。代码如下：

<iframe src="http://www.example.com" onload="iframeLoaded(this)"></iframe>

当 iframe 加载完成后，会触发 iframeLoaded 函数。代码如下：

function iframeLoaded(iframe) {
  console.log('iframe loaded!');
  // 这里可以做你需要的操作
}

在 iframe 加载完成后，我们可以在 iframeLoaded 函数中做我们需要的操作。

方法二：使用 readyState 属性

我们还可以使用 iframe 的 readyState 属性来判断 iframe 是否已经加载完毕。代码如下：

<iframe src="http://www.example.com" id="myIframe"></iframe>

当 iframe 加载完成后，我们可以通过以下代码来判断它的状态：

var iframe = document.getElementById('myIframe');
if (iframe.readyState === 'complete') {
  console.log('iframe loaded!');
  // 这里可以做你需要的操作
}

当 readyState 属性值为 complete 时，说明 iframe 已经加载完成。

总结

以上介绍了两种判断 iframe 是否已经加载完毕的方法，使用 onload 事件更加简便，而使用 readyState 属性更加精确。在实际开发中，根据具体情况来选择使用哪种方法。