从 iframe 访问 jQuery 库

Question

我有一个使用 iframe 的旧版应用程序。 它在父页面中有一个 iframe，它会被其他页面动态替换。

JQuery 加载到父级中。是否有某种类型的插件可以让我访问从 iframe 页面加载到父级中的 jquery 核心，而不包括 jquery (language="JavaScript" src="../javascript/jquery.js") 在多个子 (iframe) 页面中？

例如，iframe 是静态的

<iframe name="mainWindow" src="includes/View.asp frameborder="0" />

我知道有更好的方法可以做到这一点，但我目前仍坚持使用这种架构。 有什么建议吗？

Answer 1

您可以尝试在 iframe 中运行它：

var $ = jQuery = window.parent.$;

假设父级和 iframe 在同一个域中。

刚刚测试过，例如：http://jsfiddle.net/qA7yE/

（该示例使用不同的代码 - 子 iframe 调用父级的 foo() 函数，但原理相同）

此外，为了安全起见，您可能想要这样做：

var $ = window.parent.$, jQuery = window.parent.jQuery;

Answer 2

无效，对象引用父级，而不是 iframe。在 iframe 中尝试一个简单的$('body').css('background','red')；它适用于父级而不是 iframe。