如何使用 javascript 获取 iFrame src 内容？答案

【问题标题】：How to get iFrame src content using javascript?如何使用 javascript 获取 iFrame src 内容？
【发布时间】：2012-09-23 22:22:05
【问题描述】：

我有一个 iFrame，其内容在另一个 iFrame 中。我想获取内部 iFrame 的 src 内容。我怎样才能使用 javascript 做到这一点？

【问题讨论】：

同源规则是否允许您尝试做的事情？
我期待的是，如果我在另一个 iframe 中有一个 iframe，那么如何获得内部 iframe 的 src？
内部 iframe 中的页面是否与您的页面位于同一主机上？
是的。两个页面都在同一主机和同一根目录中。
你要的是src属性的值还是页面内容的值？

标签： javascript iframe

【解决方案1】：

外页：

<html>
<body>
<iframe id="ifr1" src="page1.htm"></iframe>
<iframe id="ifr2" src="http://www.google.com"></iframe>
</body>
</html>

page1.htm:

<html>
<body>
<script type="text/javascript">
document.write(parent.document.getElementById('ifr2').src);
</script>
</body>
</html>

【讨论】：

【解决方案2】：

iframeInstance.contentWindow.document - 此文档从 SRC url 加载。反之亦然 - 从内部文档到父级使用：父文件

【讨论】：

我得到了外部 iframe 的 src。如果我想要内部 iframe src，我该如何获得？你能给我一个关于我的问题的例子吗？谢谢。

【解决方案3】：

<body>
<div id="f1" style="padding-left:5px;">..</div>

<script type="text/javascript">
document.getElementById("f1").innerHTML = '<iframe src="frame.php or html" width="200" height="100" frameborder="0" scrolling="no"></iframe>';
</script>
</body>
</html>

我不是那么专家，但是对于您的脚本提示，您可以修改和测试您的页面。

【讨论】：