iframe加载完执行js

当涉及到在iframe加载完成后执行JavaScript时，以下是一些基础概念和相关信息：

基础概念：

iframe：是一个HTML标签，用于在当前网页中嵌入另一个HTML文档。
JavaScript执行时机：需要在iframe的内容完全加载后执行特定的JavaScript代码。

相关优势：

可以在特定的iframe内容加载完成后进行针对性的操作，如与iframe中的元素交互、修改样式等。

类型：

基于onload事件的执行。
使用定时器轮询检查iframe内容是否加载完成。

应用场景：

当需要在嵌入的外部页面加载完毕后进行数据交互或界面调整。
实现跨域通信的某些特定操作。

可能遇到的问题及原因：

跨域限制：如果iframe加载的页面与父页面不在同一个域，可能会因同源策略导致无法访问iframe中的内容或执行脚本。
加载顺序不确定：如果iframe中的内容加载较慢，可能会导致预期的JavaScript代码执行过早。

解决方法：

使用onload事件：

<iframe id="myIframe" src="your_page.html"></iframe>
<script>
  window.onload = function() {
    var iframe = document.getElementById('myIframe');
    iframe.onload = function() {
      // 在这里执行您的 JavaScript 代码
      console.log('iframe 加载完成');
    };
  };
</script>