您的位置:首页 > Web前端 > JavaScript

用javascript动态调整iframe高度

2007-05-02 22:11 621 查看

<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 id="myTestFrameID" 


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


marginwidth=0 marginheight=0 frameborder=0 


scrolling=no src="/myiframesrc.php" 


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