iframe 中包含的 JS 具有顶部框架窗口的上下文

Question

$('<script/>', {
    src: '/path/to/javascript.js',
    type: 'text/javascript'
}).appendTo($('#iframe').contents().find('body'));

如果我错了，请纠正我，但我认为应该将 JS 加载到 iframe 中。我还尝试附加到head。

问题
javascript.js 被执行，但该脚本中的 console.debug(this) 会返回顶部框架窗口。我试图验证该脚本是否确实包含在 iframe 中，但不知道如何验证。

此外，从 javascript.js< 运行 $('a') /code> 返回顶部框架中的所有链接，而不是我想要的 iframe 中的每个链接。

感谢您抽出时间！

---

更新：我整理了一个独立的测试用例< /a> 您也可以下载 。检查控制台，注意这是顶部框架（可以通过变量 _TOP 进行验证）。

Answer 1

这是一个灰色地带。对于使用 jQuery 的此特定操作，在幕后您将使用 importNode 或 adoptNode，具体取决于浏览器。然而，IE 也不支持（因为我上次研究过）。

您可能想要获取该文档的参考并编写脚本。如果我没记错的话：

$('<iframe/>')[0].contentDocument.document.write('script');

Answer 2

我能够在同一域 iframe 更新中进行一些操作：
http://jsfiddle.net/maniator/DX6bg/1/

确保这两个 URL位于同一域中。
（包括 from 中是否有 www）

更新

您可以像这样测试它：

$(function(){
   var iframe = $('#iframe').contents();

   $('body', iframe).append($('<div>', {text: 'this is a test'}));
});

现在，如果您看到文本 this is a test 在 iframe 中你知道它正在工作