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