在 iFrame 中将 Javascript 上下文设置为 iFrame答案

【问题标题】：Setting Javascript Context to iFrame in an iFrame在 iFrame 中将 Javascript 上下文设置为 iFrame
【发布时间】：2015-07-15 15:52:24
【问题描述】：

我有一个带有<iframe> 的页面，在其中<iframe> 另一个<iframe> 作为一个窗口弹出。我想要做的是调用在<iframe> 的<iframe> 中设置的函数。我知道，很多相同的标签都在发生。

这就是我在 HTML 格式中的意思。

<body>
 <iframe src="blahblah.html" name="iframe">
  //blahblah.html html
  <iframe src="blahblahpopup.html" name="iFrame2">
   //blahblahpopup.html html, also where the function is set.
  </iframe>
 </iframe>
</body>

所以，如您所见，<iframe> 中有一个 <iframe>。

现在让我们开始谈正事。我正在使用此 JS 代码将我的 JS 上下文放入名为“iframe”的第一级<iframe>

window.frames['iframe'].showAssetPicker();

它的作用是调用第一级<iframe> 内的弹出窗口。但是现在我需要在刚刚调用的弹出窗口中调用一个函数。（这是另一个<iframe>...我不是所有<iframe>的原因...）

所以这是我调用二级<iframe>中定义的函数的失败尝试...

window.frames['iframe'].frames['iFrame2'].populateTypePullDown('/getdata/');

我也试过了

window.frames['iframe'].window.frames['iFrame2'].populateTypePullDown('/getdata/');

似乎都不起作用。有什么帮助吗？我正在使用 node-webkit 来删除 <iframe> 安全限制。

感谢您提供的任何帮助！

附：天哪，我在这篇文章中说了太多次<iframe>。

【问题讨论】：

你试过用window.frames['iframe'].contentWindow代替吗？
浏览器控制台有错误吗？
表示函数未定义。这意味着我没有进入正确的上下文..

标签： javascript jquery html iframe nw.js

【解决方案1】：

问题可能是您没有在加载资产选择器之前等待，因此尚未定义函数 populateTypePullDown。

试试这样的：

$('#iframe')
    .ready(function() {
        var $innerIframe = $(this).contents().find('#iFrame2');
        console.log($innerIframe, 'ready');
        $innerIframe.get(0).contentWindow.populateTypePullDown('/vsg/ipm/SecuredOfferRepository');
    })
    .get(0).contentWindow.showAssetPicker();

【讨论】：

听起来是个不错的答案，但我只是使用您对另一个问题的回答才发现它。 :)
很高兴您自己解决了问题。 :)
你介意我问你最后一件事吗？如何通过 iframe 的上下文运行脚本？就像，而不是仅仅调用一个函数。
你可以注入一个script标签并设置src属性，如果这是你想要的。 $innerIframe.contents().find('body').append($('<script>').attr(src, 'js/myscript.js'));

【解决方案2】：

想出了答案。我所做的是我到达了主要的<iframe> 内部，并获得了内部<iframe> 的 contentWindow。

$('#iframe').contents().find('#iFrame').get(0).contentWindow.performSearch();

【讨论】：