今天做个效果,需要让iframe自适应,在网上找了下,只能适应IE浏览器,却不适应FireFox,自己改了下让他们都适应。
将以下内容放入一个JS文件里,起名为 FreeHight.js :
function f_frameStyleResize(targObj){
var selfID=targObj;
if(selfID!=null)
{}
else
{selfID=document.getElementById(targObj);}
var targWin = targObj.parent.document.getElementById(selfID.name);
if(targWin != null) {
var HeightValue = targObj.document.body.scrollHeight
HeightValue=HeightValue+20; //为避免高度显示不完整,补充高度
if(HeightValue < 600){HeightValue = 600}
//targWin.style.pixelHeight = HeightValue;
targWin.height=HeightValue;
}
}
function f_iframeResize(){
bLoadComplete = true;
f_frameStyleResize(self);
}
var bLoadComplete = false;
window.onload = f_iframeResize;
iframe子页面的head里加入调用语句:<script src="FreeHight.js" type="text/javascript"></script>
iframe调用语句为:
<iframe src="test.htm" id="frameID" name="frameID" height="200" width="100%" frameborder="0" scrolling="no"></iframe><!--id和name属性必须都有,且值必须相同-->