我希望在加载内容后在页面上调整 iFrame 的大小。不幸的是，在 iFrame 中加载的内容来自不同的域。我尝试使用以下代码在父窗口中调用函数，但它引发了安全错误：
<body onload="parent.document.someFunction(document.body.scrollHeight);">
是否有可靠的方法来使用来自其他域的内容（我们可以访问这些域并且可以 FTP）来实现这一点，还是我需要告诉客户他们必须将内容镜像到自己的域中？
【问题讨论】：
标签： javascript iframe cross-domain
请看这篇文章和我的回答：Calling a parent window function from an iframe
这是可能的，但并不容易。你必须稍微破解一下才能让它工作。
我相信，因为您可以访问框架域和框架页面域，所以您将能够使用 document.domain-in-the-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);
}
}
}
};
告诉我进展如何！
【讨论】：