如何将jQuery从iframe加载到其父页面

Question

我在我的iframe中有一个下面的代码，它包含一些jQuery，我想从iframe到父页面调用它，但它不起作用，iframe的路径是content/test/doubleimg.html

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script type="text/javascript" src="https://www.example.com/content/test/base64.js"></script>
<script type="text/javascript" src="https://www.example.com/content/test/doubleimg.js"></script>

和双img包含一些jQuery函数，这是执行加载的页面，它可以很好地工作，但如果我把它在iframe，它不工作。

和我的html标记一样，父文件的路径是template/category.html

<div id="Container">
-----------
-----------
      <div class="Content" id="LayoutColumn2">
               <iframe id="theiframe" allowtransparency="true" target="_top" src="/content/test/doubleimg.html" frameborder="0" height="0" width="0"></iframe>
      </div>
</div>

因此，请建议我的想法，我如何使用jQuery从iframe和我的jQuery是在页面加载执行。

实际上我正在尝试调用Bigcommerce的api，但是我需要设置https，并且我不能设置它，因为在Bigcommerce中不允许在类别页面url中设置https

如果我没有设置https，那么API返回一个401 authentication error

所以请帮我解决这个问题。

Answer 1

如果文档在相同的域中，则类似于this：

var iframe = document.getElementsByTagName('iframe')[0];
var jQuery = iframe.contentWindow.jQuery;
alert(jQuery);

有关详细信息，请参阅my jsfiddle。它在iframe中包含了其他jsfiddle，我在那里初始化了jQuery。

Answer 2

尝尝这个

window.parent.document.wirte('<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>');