让 iframe 自动调整高度

Posted

技术标签:

【中文标题】让 iframe 自动调整高度【英文标题】:Make iframe automatically adjust height 【发布时间】:2013-10-28 05:04:18 【问题描述】:

我无法根据页面内容调整自动高度。

代码 -

<iframe  id="myFrame" src="http://www.learnphp.in" scrolling="no">
</iframe>

我更喜欢Make iframe automatically adjust height according to the contents without using scrollbar?,但这段代码不起作用。请建议我如何在不使用滚动的情况下获取完整数据?

【问题讨论】:

请参考这里。类似的***.com/questions/9162933/… @chandu 是的,它适用于同一个域。如何跨域工作? 【参考方案1】:

试试这个

<script>   
function autoResize(myiframe)
    var newheight;
    var newwidth;

    if(document.getElementById)
        newheight=document.getElementById(id).contentWindow.document .body.scrollHeight;
        newwidth=document.getElementById(id).contentWindow.document .body.scrollWidth;
    

    document.getElementById(myiframe).height= (newheight) + "px";
    document.getElementById(myiframe).width= (newwidth) + "px";

</script>

<body>  
 <div align="center" style="padding-left:50px">
      <iframe id="myiframe" src="helpdesk/index.php" ></iframe>
 </div>
</body>

【讨论】:

不工作。无法在正文中找到函数 autoResize()

以上是关于让 iframe 自动调整高度的主要内容,如果未能解决你的问题,请参考以下文章

iframe 自动调整其高度以适应内容高度

当 iframe 内容的高度发生变化时自动调整 iframe 高度(同域)

自动调整 iFrame 高度

将 iframe 内容高度设置为动态自动调整大小

是否有有效的跨域 iframe 高度自动调整器?

是否有有效的跨域 iframe 高度自动调整器?