Question

怎么解决Iframe自适应高度问题？js代码要怎么写才能兼容主流浏览器？包括IE chrome Firefox

Answer 1

　　您好！很高兴为您答疑！

兼容问题需要做的设置非常多，您可以查找下相关的资料看下，在火狐下可以配合Firebug，可以自动检测错误代码。Iframe自适应高度可以使用下面代码。
<iframe src="http://www.fufuok.com/" id="iframepage"
name="iframepage" frameBorder=0 scrolling=no width="100%"
onLoad="iFrameHeight()" ></iframe>Javascript代码：
<script type="text/javascript" language="javascript">
function iFrameHeight() {
var ifm= document.getElementById("iframepage");
var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;
if(ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight;
}
}
</script>
　　　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 2

冲突了：
onload="this.height=iFrame1.document.body.scrollHeight"直接去掉，这个没用的
height="100%-----改成你要的具体值

Answer 3

你那个不能自适应动态加载的高度；我给你一个（兼容大部分浏览器）：
iframe页 <iframe src="a.aspx"></iframe>
a.aspx页面在head写：
<script type="text/javascript" language="javascript">
//让框架页自适应高度
function iframeAutoFit()
{
try
{
if(window!=parent)
{
var a = parent.document.getElementsByTagName("IFRAME");
for(var i=0; i<a.length; i++) //author:meizz
{
if(a[i].contentWindow==window)
{
var h1=0, h2=0, d=document, dd=d.documentElement;
a[i].parentNode.style.height = a[i].offsetHeight +"px";
a[i].style.height = "10px";

if(dd && dd.scrollHeight) h1=dd.scrollHeight;
if(d.body) h2=d.body.scrollHeight;
var h=Math.max(h1, h2);

if(document.all)
if(window.opera)
a[i].style.height = a[i].parentNode.style.height = h +"px";
}
}
}
}
catch (ex){}
}
if(window.attachEvent)
{
window.attachEvent("onload", iframeAutoFit);
//window.attachEvent("onresize", iframeAutoFit);
}
else if(window.addEventListener)
{
window.addEventListener('load', iframeAutoFit, false);
//window.addEventListener('resize', iframeAutoFit, false);
}
//自适应高度结束
</script>