iframe自适用高度问题 ff下

沧海小鱼 2008-09-11 04:22:58

这是我的js代码



function reinitIframe(){

var iframe = document.getElementById("hj");

try{

var bHeight = iframe.contentWindow.document.body.scrollHeight;

var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;

var height = Math.max(bHeight, dHeight);

iframe.height =  height;

}catch (ex){}

}

window.setInterval("reinitIframe()", 200);

调用
<iframe src="xx.asp?Pid=<%=xx%>" width="652" frameborder="0" id="hj" name="hj" class="iframeClass" scrolling="no" marginheight="0" marginwidth="0" align="top"> </iframe>

在ie下一切正常 xx.asp?Pid=<%=xx%>的内容变换都可以自动调整高度

但在ff下却做不到不能清除上一次xx.asp的高度所以不能自适应

怎么样修改呢小弟js一知半解呵呵

...全文

237 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

一把编程的菜刀 2008-09-11

打赏
举报

汗！！

cbluehehe 2008-09-11

打赏
举报

我知道什么原因了样式出问题了！！！

沧海小鱼 2008-09-11

打赏
举报

找到了

<script language="Javascript">

var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]

//extra height in px to add to iframe in FireFox 1.0+ browsers

var FFextraHeight=getFFVersion>=0.1? 16 : 0



function dyniframesize(iframename) {

var pTar = null;

if (document.getElementById){

pTar = document.getElementById(iframename);

}

else{

eval('pTar = ' + iframename + ';');

}

if (pTar && !window.opera){

//begin resizing iframe

pTar.style.display="block"



if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){

//ns6 syntax

pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight; 

}

else if (pTar.Document && pTar.Document.body.scrollHeight){

//ie5+ syntax

pTar.height = pTar.Document.body.scrollHeight;

}

}

}

</script>



然后对于主页面用到iframe的地方添加代码：



<iframe id="myTestFrameID" 

onload="javascript:{dyniframesize('myTestFrameID');}" 

marginwidth=0 marginheight=0 frameborder=0 

scrolling=no src="/myiframesrc.php" 

width=200 height=100></iframe>

沧海小鱼 2008-09-11

打赏
举报

<script src="js/pro.js"></script>

pro.js 就是上面的内容

cbluehehe 2008-09-11

打赏
举报

你这段代码
function reinitIframe(){
var iframe = document.getElementById("hj");
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;
}catch (ex){}
}
window.setInterval("reinitIframe()", 200);

是放哪？

沧海小鱼 2008-09-11

打赏
举报

ie下一切正常

沧海小鱼 2008-09-11

打赏
举报

onload="this.style.height=frames.myfr.document.documentElement.scrollHeight+'px'"

这个加进去也没用啊

ff下

cbluehehe 2008-09-11

打赏
举报

你的IE7下能运行吗？

cbluehehe 2008-09-11

打赏
举报

你也在为这个问题烦恼吗》

cgisir 2008-09-11

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<body>

<iframe name="myfr" onload="this.style.height=frames.myfr.document.documentElement.scrollHeight+'px'" ...></iframe>

</body>