请问如何自动设置iframe的高度_html/css_WEB-ITnose

$(".workPanel .tabs .tabs-content").append("<div class='box on' tabhref='"+target+"'><iframe align='top'  id='ifram' name='ifram' frameborder='0' scrolling='yes' src='"+target+"'  height='100%' width='100%' noresize ></iframe>");				var iframe = document.getElementsByName("ifram")[0];try{	var bHeight = iframe.contentWindow.document.body.scrollHeight;	var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;	alert(bHeight+","+dHeight);	var height = Math.max(bHeight, dHeight);	iframe.height =  height + 20;}catch (ex){}

请问我这么写有什么问题吗？

Molica AI

一款聚合了多种AI工具的一站式创作平台

下载

回复讨论(解决方案)

这样设置相当于100% 了吧

我现在有一个日期插件，在页面最下面显示的时候  计算的高度总是高了一块， 如果把高度设置成定高的话，插件的显示倒是正常了，可外围的iframe的滚动条消失了 ，请问这是怎么回事？

如果日期插件在页面上部就没有问题，并且ie下也不会有问题

help

我只知道两种办法可以实现iframe的自适应高度，
1.

2.
                        <script> <br>                             function reinitIframe(){ <br>                                 var iframe = document.getElementById("help_content"); <br>                                 try{ <br>                                     var bHeight = iframe.contentWindow.document.body.scrollHeight; <br>                                     var dHeight = iframe.contentWindow.document.documentElement.scrollHeight; <br>                                     var height = Math.max(bHeight, dHeight); <br>                                     iframe.height = height; <br>                                     //iframe.height = bHeight; <br>                                 }catch (ex){} <br>                             } <br>                             window.setInterval("reinitIframe()", 200); <br>                         </script>

注意id。

我只知道两种办法可以实现iframe的自适应高度，
1.

第一种：IE浏览器不兼容