Javascript 确定是否已加载iframe

我正在尝试计算iframe内容的大小，以便调整iframe元素的大小，以符合其内容

如何确定iFrame是否已加载，并且我可以可靠地测量它的内容维度

注意：

onload

事件不起作用，因为iframe可以在绑定

onload

时加载。另外，我想要一个普通的JS解决方案，而不是jQuery。

您可以尝试以下方法：

1-iframe应具有一个ID：

资料来源：

---

除非您有原产地控制（比如在同一服务器/域上），否则我认为这是不可能的。我有原产地控制。哦，太好了。查看此链接虽然此链接可以回答问题，但最好在此处包含答案的基本部分，并提供链接以供参考。如果链接页面发生更改，则仅链接的答案可能无效。

<iframe    
  id="slideshow_frame"    
  src="frame.html"   
  frameborder="0"    
  width="100%"    
  marginheight="0"    
  marginwidth="0"
  scrolling="no">
 </iframe>

<div id="content">
    <div style="background: red; width: 400px; height: 120px"></div>
    <div style="background: green; width: 400px; height: 300px"></div>
    <div style="background: yellow; width: 400px; height: 60px"></div>
</div>

function resizeIframe(iframeID) {       
   var iframe = window.parent.document.getElementById(iframeID);
   var container = document.getElementById('content');
   iframe.style.height = container.offsetHeight + 'px';            
}