从其他域加载内容后是否可以调整iFrame的大小？

Question

加载内容后，我希望调整页面上iFrame的大小。 不幸的是，iFrame中加载的内容来自其他域。 我尝试使用以下代码在父窗口中调用函数，但它引发安全错误：

<body onload="parent.document.someFunction(document.body.scrollHeight);">

是否有可靠的方法可以使用其他域中的内容（我们可以访问这些域并且可以使用FTP）来实现这一目标，或者我是否需要告诉客户端他们必须在自己的域中镜像内容？

Answer 1

请参阅这篇文章和我的答案：从iframe调用父窗口函数

有可能，但并不容易。 您必须花点时间才能使其正常工作。

我相信，因为您可以访问框架域和框架页面域，所以可以使用document.domain-in-head-head技巧。

<script>
    document.domain = "mydomain.com";
</script>

更新：

我可以检查以下内容吗：

您是否将document.domain <script>放在两页的开头？
两者都具有完全相同的字符串，即都具有"subdomain.mydomain.com"还是都具有"mydomain.com" ？ 通常，您使用它来确保框架页面与父页面具有相同的文档域。
从框架页面调用父函数后，您仍然收到安全错误吗？

如果没有，这就是我用来调整框架大小的功能。 它位于框架页面的顶部。

 window.ResizeFrame = function (newHeight) { if (window.parent && window.parent.document) { var $frame = $(window.parent.document).find("#frame-id"); if ($frame.length) { if (typeof (newHeight) === "number") { $frame.css("height", newHeight); } } } };

让我知道事情的后续！

从其他域加载内容后是否可以调整iFrame的大小？

问题描述

1 个解决方案

解决方案1
0 已采纳 2012-02-28 17:09:29

从其他域加载内容后是否可以调整iFrame的大小？

问题描述

1 个解决方案

解决方案1 0 已采纳 2012-02-28 17:09:29

解决方案1
0 已采纳 2012-02-28 17:09:29