javascript - 如何在 iframe 中使用来自父级的 jquery？

Question

我有一个文件，我们称它为 parent-win.html，由域 example.com 提供。该文件中包含 jquery。一个 iframe，我们称之为 iframe-win.html，嵌入在这个页面中。 iframe-win.html 有一个表单元素，其 ID 为 form-elem，值为 Hello World!。现在我在 iframe 中执行以下操作。

var jQuery = parent.jQuery;
console.log(jQuery('#form-elem').val());

根据我对 JS 的有限了解，我应该在控制台上看到 Hello World! 但我看到的是 undefined。现在，我的问题是我是否需要在 iframe 中再次加载 jquery，或者我是否可以利用已经加载到父窗口中的 jquery 对象？

请注意，这与通常从父/iframe 访问 iframe/父内容不同。

Answer 1

在 iframe 中试试这个:

if (typeof(jQuery) == "undefined") {
    var iframeBody = document.getElementsByTagName("body")[0];
    var jQuery = function (selector) { return parent.jQuery(selector, iframeBody); };
    var $ = jQuery;
}