您的位置:首页 > 其它

实现iFrame自适应高度,原来很简单!(绝对能用)

2008-02-25 19:06 435 查看
<iframe id="iFrame1" name="iFrame1" width="100%" onload="this.height=iFrame1.document.body.scrollHeight" frameborder="0" src="index.htm"></iframe>

看到了吧,关键就在于onload="this.height=iFrame1.document.body.scrollHeight"!

下边这个正确~~~~~~~~~~~~~

<script language="javascript" type="text/javascript">

function dyniframesize(down) {

var pTar = null;

if (document.getElementById){

pTar = document.getElementById(down);

}

else{

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

}

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 +20;

pTar.width = pTar.contentDocument.body.scrollWidth+20;

}

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

//ie5+ syntax

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

pTar.width = pTar.Document.body.scrollWidth;

}

}

}

</script>

<iframe src ="/default2.aspx" frameborder="0" marginheight="0" marginwidth="0" frameborder="0" scrolling="auto" id="ifm" name="ifm" onload="javascript:dyniframesize('ifm');" width="100%">

</iframe>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: