好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

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

$(".workPanel .tabs .tabs-content").append("

"); 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){}


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


回复讨论(解决方案)

这样设置相当于100% 了吧

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

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

help

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

2.

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


注意id。

我只知道两种办法可以实现iframe的自适应高度,
1. name="right" id="center_cent" src="xxx.html" width="100%" frameborder="0" onload=' this.style.height=Math.max(this.contentWindow.document.body.scrollHeight,this.……

这两种方法我试了一下,还是有问题
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;

这两句话获取的height高度都是一样的
都比正常显示的高度要小很多 我想知道如果我把height写死可以不? 写死后 右侧滚动条消失,scrolling也没有用,请问可以解决吗?

第一种:IE浏览器不兼容

查看更多关于请问如何自动设置iframe的高度_html/css_WEB-ITnose的详细内容...

  阅读:37次