javascript - 另一个 iframe 中的 iframe 的 Onload 函数

Question

我有嵌套的 iframe，我想对内部框架使用 onload 函数。例如:

<script type="text/javascript">
 var testing = 'test';
 var curFrames;
 var curUrl;
 var mFrames;
 var cFrame;
 var editor;
 var editor2;

 window.onload=CodeOnLoad;

 //Javascript that runs on load
 function CodeOnLoad() {
  curFrames=document.getElementsByTagName("frame");

  console.log(curFrames[0])

  //onload for 1st frame  
  curFrames[0].onload = getInside;


  function getInside() {
   //onload for second frame - Not working 
   curFrames[0].contentDocument.getElementByid('the_iframe').onload = finalFrame;
  }

  function finalFrame() {

   curUrl= curFrames[0].contentDocument.getElementById("the_iframe").src;
   console.log(curUrl);

   if (curUrl.indexOf("post")!=-1)
   {
    mFrames=document.getElementsByTagName("frame");
    cFrame = mFrames[0].contentDocument.getElementById('the_iframe');
    editor = cFrame.contentWindow.tinymce.activeEditor;
    console.log(editor);    
   }
  }
 }

 </script>

代码(第二次回调):

curFrames[0].contentDocument.getElementByid('the_iframe').onload = finalFrame;

永远不会执行。

这样可以吗？

我想确保在执行任何代码之前加载所有帧。

谢谢

Answer 1

将下面视为您的窗口树

父窗口(P1)

----Iframe 1 (I1)

--------Iframe 2 (I2)

现在在 p1 中，保留函数 pfunc，您可以在其中编写任何您想编写的代码

在I1中保留如下函数

   function callParent()
   {
       parent.pfunc();
   }

在 I2 窗口 onload 调用下面的函数

function callParent()
{
   parent.callParent();
}

这将如您所愿。