如何获得真正的iframe身高?

时间:2011-02-25 04:18:00

标签: javascript iframe resize height

我的iframe身高有一些奇怪的问题。

在我的编辑器中,输入区域可以调整大小,因此在14行之后,增加的停止和滚动条显示。删除某些行后,滚动条会隐藏,高度应开始下降。但它没有...因为在滚动条隐藏后我无法读取真正的iframe体高。

你可以在这里找到我的编辑器:http://brownfolder.com/09/ - 身高低于编辑器,每100毫秒更新一次。

顺便说一下,Firebug用它的真实尺寸标记了身体,而不是这个有缺陷的身体。

我使用的代码:

var s = document.getElementById(rte);
var x = s.contentWindow.document;
var timer = setInterval(function()
{
        var h = x.body.scrollHeight;
        $('.aasdf').text(h);
        if(h > maxheight)
        {
            $(s).height(maxheight);
            x.body.parentNode.style.overflow = "auto";
            clearInterval(timer);
        }
        else if(h <= minheight)
            $(s).height(minheight);
        else
        {
            x.body.parentNode.style.overflow = "hidden";
            $(s).height(h);
        }           
}, 100);

您是否知道如何解决此问题?

提前致谢!

1 个答案:

答案 0 :(得分:-1)

<iframe style="height:200px" id="if" onload="change()"></iframe>

<script type="text/javascript">
function change()
{
    var a = document.getElementById('if');
    var b = a.style.height;
    alert(b);
}
</script>

此代码将帮助您获取iframe的高度..!这可能有所帮助。 祝你有个美好的一天。