如何在给定 URL 高度的基础上设置 iframe 高度答案

【问题标题】：How to set iframe height on the bases of the given URL height如何在给定 URL 高度的基础上设置 iframe 高度
【发布时间】：2014-06-26 19:11:06
【问题描述】：

实际上，我无法根据给定的 URL 设置动态高度。当时我正在使用下面的代码。

<iframe id="myframe" src="http://example.com" scrolling="yes" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" style="overflow:auto; width:100%; height: 100%;"></iframe>

如果可能的话，请给我建议任何解决方案。

【问题讨论】：

你不能根据动态url设置高度。
您可以在 iframe 内容加载时设置它。看我的回答here

标签： javascript php html iframe

【解决方案1】：

您可以通过获取 iframe 大小并根据该大小进行调整来做到这一点；

<script type="text/javascript">
  function resizeIframe() {
      var iframe = document.getElementById('myframe');
      if( iframe ) {
            iframe.height = iframe.contentWindow.document.body.scrollHeight + "px";
            iframe.width = iframe.contentWindow.document.body.scrollWidth + "px";
      }   
  }
</script>

在你的框架里；

<iframe id="myframe" src="http://example.com" scrolling="yes" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" onload="resizeIframe()"></iframe>

更新：跨域

如果加载的 iframe url 与您的域不同，您将收到由于CORS 导致的权限错误。您需要为您的域授予 iframe 域的权限。说吧；

iframe 域：http://example.com

您的域名：http://yourdomain.com

在Iframe Domain, Apache conf中，需要在<Directory>、<Location>、<Files>或<VirtualHost内设置header；

Header always append Access-Control-Allow-Origin: "example.com"

如果域名不是你的，你可以使用iframe-resizer。只需添加此库并运行即可；

iFrameResize();

【讨论】：

我收到 iframe.contentWindow 的“权限被拒绝错误”
@ManishGupta 您正在从不同的域加载 iframe？如果它是不同的域，您应该为您的域授予加载 iframe 域的权限。如果http://example.com 是您的，您可以授予该域的权限
是的，我知道这就是原因。但是有没有办法调用跨域的url，然后设置它的身高权重。
感谢您的回复。但是我必须在哪里为您的域授予 iframe 域的权限？无法获取最后一行。
但是 iframe 域不是你的，对吧？您不能使用该选项