javascript - 使用 JavaScript 访问跨域 iframe 元素

Question

我的 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 标签中的内容。有可能吗？

Answer 1

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

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