跨域Iframe高度操纵

Question

我的问题：

我有一个链接到各种外部网站的iframe。

我根本无法访问外部网站！

我想要实现的是将我的iframe与实际网站的100％高度/宽度嵌套到一个固定大小的div中，这样我就可以在这个div上应用自定义滚动条。

到目前为止，我有以下标记：

<div class="Content" style="margin: 0; padding: 0; height: 500px; width: 500px; overflow: auto;">
   <iframe id="mainframe" name="mainframe" src="http://www.fisk.dk" style="height: 100%; width: 100%;">
   </iframe>
</div>

正如所料，Iframe高度和宽度100％将转换为父div高度和宽度500px。

我在谷歌搜索过去3个小时，试图通过使用普通的css或css和javascript来解决这个问题，但没有任何结果。

不起作用的结果：

• 舷窗 - 需要访问外部网站。
• EasyXDM - 需要访问外部网站。
• 访问document.getElementById（'the_iframe'）。contentWindow也不起作用 - 获取访问被拒绝错误。

感谢任何提示！

Answer 1

在使用EasyXDM和PostMessage之前，我已经完成了您所描述的内容。如您所知，需要访问外部网站。您需要一些在外部网站域上运行的JavaScript代码。

浏览器不允许您网站上的JavaScript或CSS代码访问其他网站的DOM，因此无法知道其他网站页面的高度。