我的 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/