是否可以从父框架（相同的 document.domain）更改 iframe 的 DOM？

Question

我想要一种简单且轻量级的方法来向我的 api 地址 (api.example.com) 发出跨域请求，该地址是我的主域 (example.com) 的子域em>）。

我已经阅读了很多有关处理 XDR 及其与每个使用的浏览器的不兼容性的技术和技巧，但 XDR 对我来说仍然非常复杂。我不需要像 easyXDM 这样完整/复杂的解决方案，我已经实现了它并且工作得很好。

因此，我决定“启用 CORS”，这解决了现代 Webkit 和 Gecko 浏览器的问题。但与往常一样，IE（在本例中也是 Opera）与 CORS 不兼容。

由于我想继续使用 jQuery AJAX 方法，因此我搜索了一个允许使用 jQuery 方法进行 XDR 的解决方案。然后，我通过 benvinegar 实现了一个非常好的解决方案，它取代了 jQuery.ajax() 方法及其所有依赖方法：https://gist.github.com/859940。他的脚本基于 document.domain/iframe 技巧。

在调用 Ben 提出的函数之前，我使用 jQuery.support.cors（使用 jQuery 1.6.2）测试了 CORS 支持。一切都很好，工作完美。

我对上面的链接脚本唯一不满意的是，我需要从 api.example.com 加载 jQuery 库，但我不希望这样。我在一个文件中制作了一系列缩小的 javascript 库/插件/脚本，供 example.com 使用；这给了我 2 个选项（在 api.example.com 中使用 jQuery）：再次加载整个包或仅加载 jQuery 的非缓存版本。我也不喜欢。

我的问题是：当两个框架具有相同的 document.domain 时，是否可以从父框架更改 iframe 的 DOM？如果是这样，我可以将 jQuery 从 example.com 克隆到子 iframe (api.example.com) 中吗？如何？或者我只是对此感到疯狂，考虑到我所描述的内容，有更好的解决方案吗？

预先感谢大家， 莱昂纳多.

Answer 1

文件 test.htm

<iframe name='my-iframe' src='test2.htm' onload="child();"></iframe>
<script>
function child(){
    alert(window.frames['my-iframe'].my_var);
    window.frames['my-iframe'].my_var = 'bye';
    window.frames['my-iframe'].show_var();
}
</script>

文件 test2.htm

<script>
window.my_var = 'hi';
function show_var(){
    alert(my_var);
}
</script>

上面的代码将提醒“hi”，然后提醒“bye”