如何判斷iframe 资源是否加载完成

要判断一个iframe资源是否已经加载完成，可以使用以下方法：

1. 使用load事件：通过监听iframe的load事件，当资源加载完成时，会触发这个事件。可以使用JavaScript代码来监听load事件，一旦触发就代表资源加载完成。例如：

document.getElementById('myIframe').addEventListener('load', function() {
  // 资源加载完成后的处理代码
});

2. 使用onload属性：在iframe标签上使用onload属性，指定一个JavaScript函数，当资源加载完成时调用这个函数。例如：

<iframe src="myPage.html" onload="myFunction()"></iframe>

3. 使用readyState属性：通过检查iframe的readyState属性可以判断资源加载状态。当readyState为complete时，表示资源已经加载完成。例如：

var iframe = document.getElementById('myIframe');
if (iframe.readyState === 'complete') {
  // 资源已加载完成
}

4. 使用setTimeout定时器：可以通过设置一个定时器，定时检查iframe的状态，当readyState为complete时，表示资源已经加载完成。例如：

var checkLoaded = setInterval(function() {
  var iframe = document.getElementById('myIframe');
  if (iframe.readyState === 'complete') {
    // 资源已加载完成
    clearInterval(checkLoaded);
  }
}, 1000);

使用以上方法之一可以判断iframe的资源是否加载完成，根据实际情况选择最适合的方法。