调整iframe的大小以显示除IE 7之外的第一个元素的工作方式

调整iframe的大小以显示除IE 7之外的第一个元素的工作方式,iframe,resize,Iframe,Resize,我的主页上有两个iframe,下面的脚本在iframe中显示的页面的头部,页面上有几个分区,id为“content”的容器div中,我想在主页上调整iframe的大小,以便最初只看到第一个div,然后滚动查看其余部分 它在我尝试过的所有浏览器中都能工作,除了IE7,我不太在乎早期的浏览器。IE7表现得就像显示的页面是空白的,并且将iframe的大小调整为0高度,有人能告诉我为什么IE7有问题,如果没有问题,我如何让IE7忽略脚本 函数大小调整框架{ //获取id为“content”的容器div的

我的主页上有两个iframe,下面的脚本在iframe中显示的页面的头部,页面上有几个分区,id为“content”的容器div中,我想在主页上调整iframe的大小,以便最初只看到第一个div,然后滚动查看其余部分

它在我尝试过的所有浏览器中都能工作,除了IE7,我不太在乎早期的浏览器。IE7表现得就像显示的页面是空白的,并且将iframe的大小调整为0高度,有人能告诉我为什么IE7有问题,如果没有问题,我如何让IE7忽略脚本

函数大小调整框架{

//获取id为“content”的容器div的第一个子级

var div01=document.getElementByIdcontent.firstChild

//查找忽略空格的第一个元素并返回

whilediv01.nodeType!=1{ div01=div01.nextSibling; }

//获取第一个元素的高度

var boxHeight=div01.clientHeight

//设置iframe的高度iframe的id为“news”

parent.document.getElementById'news'.height=boxHeight; }

我在body标签中调用了这个函数

如果有人能帮助我,我将非常感激

它所在的页面位于wsuu.org 脚本的版本还没有更新,但是你可以知道我在做什么


Rob

问题在于IE7不理解clientHeight方法,它返回的是0而不是元素的高度。我将其替换为所有浏览器都能理解的offsetHeight。我将代码放在主页上,并调用body标记中的函数

这里是代码

    function calcHeight2()
{
    var div01=
    document.getElementById('iframe2').contentWindow.
    document.getElementById("content").firstChild;
    while(div01.nodeType!=1){
        div01 = div01.nextSibling;
    }
    var boxHeight = div01.offsetHeight;
    document.getElementById('iframe2').height = boxHeight-5;
}
你可以看到它在