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

标签 javascript html dom iframe

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

最佳答案

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

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

关于javascript - 使用 JavaScript 访问跨域 iframe 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7804240/

相关文章:

javascript - SELECT控件,如何设置要显示的内容

javascript - 在 Javascript 中用 Canvas 轻拂一个矩形?

javascript - 将对象添加到数组中

html - 不要在 IE8 及以下版本中加载脚本?

javascript - 如何禁用输入字段而不是单击的字段然后启用所有

javascript - Ember onClick 事件未完成操作

javascript - Adobe Acrobat Javascript 表单 - 在多个页面中显示/隐藏图层

javascript - 如何将对象引用传递给另一个对象?

html - 推特 Bootstrap 3.3.4 : navbar with right aligned dropdown menu always visible/usable

java - GWT 单例小部件在注入(inject)后从 DOM 中删除