Question

如何使iframe自适应内容的高度且不出现滚动条 问题解决后再加10分

还有没有更好的啊

Answer 1

<iframe src="xxxx“ width="980" onload="SetWinHeight(this)" scrolling="no" frameborder="0" marginwidth="0" marginheight="0"></iframe>
function SetWinHeight(obj)
{
var win=obj;
if (document.getElementById)
{
if (win && !window.opera)
{
if (win.contentDocument && win.contentDocument.body.offsetHeight)
win.height = win.contentDocument.body.offsetHeight;
else if(win.Document && win.Document.body.scrollHeight)
win.height = win.Document.body.scrollHeight;
}
}
}
你试下 看看能不能解决问题

追问

试了下 不行啊~~~~~~~~~~~~~

追答

function autoSize(){
var maxWidth = Math.max(
document.documentElement["clientWidth"],
document.body["scrollWidth"], document.documentElement["scrollWidth"],
document.body["offsetWidth"], document.documentElement["offsetWidth"]
);

document.getElementById("ff").style.width = maxWidth +'px';
document.getElementById("ff").style.height = document.documentElement["clientHeight"] +'px';
}
autoSize();
window.onresize = autoSize;

那再试试这个呢 ff是框架ID 还有要放在body里 加上样式body{overflow:hidden;}

追问

还是不行

追答

那你加下我的qq吧 378574264

追问

你有验证码 加不上

Answer 2

http://zhidao.baidu.com/question/299627782.html?oldq=1

追问

你这个也不行

追答

这个是经过我测试，并且还测试过IE，FF等，在我的电脑上都可以的。

追问

能不能吧你测试的结构给我发一下看看啊 可能是结构不一样 这是我的结构

这里是topbar琐碎按钮

这里是banner

这里是导航

追答

1.html

无标题文档

var timeIframe;
window.onload=function(){
timeIframe=setTimeout(GetIframeStatus,10);
}
function GetIframeStatus()
{
var iframe = document.getElementById("iframe");
var iframeWindow=iframe.contentWindow;
//内容是否加载完
if(iframeWindow.document.readyState=="complete")
{
var iframeWidth,iframeHeight;
//获取Iframe的内容实际宽度
iframeWidth=iframeWindow.document.documentElement.scrollWidth;
//获取Iframe的内容实际高度
iframeHeight=iframeWindow.document.documentElement.scrollHeight;
//设置Iframe的宽度
iframe.width=iframeWidth;
//设置Iframe的高度
iframe.height=iframeHeight;
}
else
{
timeIframe=setTimeout(GetIframeStatus,10);
}
}

这里是topbar琐碎按钮

这里是banner

这里是导航

2.html

无标题文档

122222222222222222222

bbbbbbbbbbbbbbbbbbb