使用 JavaScript 访问跨域 iframe 元素答案

【问题标题】：Access cross-domain iframe elements using JavaScript使用 JavaScript 访问跨域 iframe 元素
【发布时间】：2011-12-09 21:27:12
【问题描述】：

我的 html 页面中有一个 iframe，我想从这个 iframe 中打开的页面访问一些内容。

<table border="1" width="100%" height="100%">
    <tr>
        <td id = "freebase_td">
        <iframe id = "freebase_frame" src="http://www.freebase.com/view/en/angelina_jolie" width="100%" height="400px"></iframe>
        </td>
    </tr>
</table>

在此网页的源代码中，

  <h1 id="page-title">
    Angelina Jolie
  </h1>

我想使用 javascript 访问 id 为“page-title”的 h1 标记中的内容。有可能吗？

【问题讨论】：

stackoverflow.com/questions/364952/…的可能重复
页面是否位于两个不同的域中？那么，上面的页面和http://www.freebase.com/view/en/angelina_jolie?
你不能。谷歌“同源政策”看看为什么。

标签： javascript html dom iframe

【解决方案1】：

您应该首先阅读browser's same-origin policy。这可以防止来自一个来源的框架或窗口或 iframe 的 javascript 访问不同来源的另一个框架中的内容或脚本。因此，如果您的 iframe 与脚本页面的来源不同，则它无法直接访问 iframe 的内容。

如果您有一个最新的浏览器，并且您编写了两个框架以进行协作（这意味着您必须控制两个框架中的 javascript 代码），则有一个名为 window messaging 的新功能可用于在它们之间传递信息来自不同来源的帧。

【讨论】：

saxena 的解决方案是什么？