不同页面上的 iframe 和 JavaScript

Question

如果我有一个类似index.php 的页面，然后包含一个 iframe，但 iframe 缺少 index.php 文件中包含的 JavaScript； JavaScript 会激活 iframe 上的 JavaScript 函数还是需要它们在同一页面上？

例子：

索引.php：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="http://example.com/js/jquery.jplayer.min.js"></script>

包含以下两个代码，而 iframe 需要它们但没有在页面上列出。

Answer 1

主页面和iframe的JavaScript环境是分开的，但是如果来自same origin，它们可以互相对话。

这意味着您有两种选择：

1. 在 HTML 中包含主页和 iframe 的脚本；这是最简单的

2. 如果它们在同一来源，则主页可以像这样在 iframe 的环境中提供其功能（假设 functionName 是主页中的功能）：

   theIframe.contentWindow.functionName = functionName;
   

   这与 iframe 共享 functionName（使其成为 iframe 中的全局函数）。请注意，functionName 仍在主页面的环境中，因此例如，在该函数的代码中，document 将引用主页面的文档，而不是 iframe 的。