请问如何自动设置iframe的高度

hebsxl2000 2012-09-04 04:29:48



$(".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){}

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

...全文

141 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

xuxingfan000 2013-09-13

打赏
举报

第一种：IE浏览器不兼容

hebsxl2000 2012-09-05

打赏
举报

[Quote=引用 3 楼的回复:]

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

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

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

我自是年少-韶华倾负 2012-09-05

打赏
举报

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

2.<iframe name="help_content" id="help_content" src="xxx.html" width="100%" frameborder="0"></iframe>
<script type="text/javascript">
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);
</script>

注意id。

hebsxl2000 2012-09-05