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函数，它执行页面的onload并且它工作正常但是如果我把它放在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>

所以请建议我如何使用iframe中的jQuery，我的jQuery是在页面加载时执行的。

其实我正在尝试调用Bigcommerce的API，但为此我需要设置https而我无法设置它，因为Bigcommerce中不允许在类别页面网址中设置https

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

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

Answer 1

类似this之类的内容，如果文档位于同一个域中：

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

有关详细信息，请参阅我的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>');

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

2 个答案: