有没有iframe自适应高度兼容性良好代码？
发布于：2014-07-01 08:22:38 作者：兄弟网络
点击：次
前几天小编在使用iframe
自适应高度时发现使用的兼容性不是太好，然后又经过层层筛选后，终于发现了一个
兼容性相对较好的一个处理方法，希望能够对各位有所帮助，以下代码兼容了IE6/IE7/IE8/Firefox/Opera/Chrome/Safari等常用浏览器:
<script language="javascript" type="text/javascript">
function dyniframesize(down) {
var pTar = null;
if (document.getElementByIdx_x){
pTar = document.getElementByIdx_x(down);
}
else{
eval_r('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>
本文关键词：
