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

最新推荐文章于 2019-07-21 15:50:28 发布

weixin_30332705

最新推荐文章于 2019-07-21 15:50:28 发布

阅读量125

点赞数

原文链接：http://www.cnblogs.com/hacker84/archive/2008/02/25/1081165.html

版权

< iframe id ="iFrame1" name ="iFrame1" width ="100%" onload ="this.height=iFrame1.document.body.scrollHeight" frameborder ="0" src ="index.htm" ></ iframe >

看到了吧，关键就在于οnlοad="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 >

转载于:https://www.cnblogs.com/hacker84/archive/2008/02/25/1081165.html