如何实现iframe(嵌入式帧)的自适应高度

xylw

浏览: 57969 次
性别:
来自: 南宁

最近访客更多访客>>

killeryuan3

fly_chao

dbsuperman

lyjjy

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (61)

社区版块

存档分类

JavaScript

<script type="text/javascript">    
//** iframe自动适应页面 **//    
  
//输入你希望根据页面高度自动调整高度的iframe的名称的列表    
//用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2"]，可以只有一个窗体，则不用逗号。    
  
//定义iframe的ID    
var iframeids=["test"]    
  
//如果用户的浏览器不支持iframe是否将iframe隐藏 yes 表示隐藏，no表示不隐藏    
var iframehide="yes"    
  
function dyniframesize()    
{    
var dyniframe=new Array()    
for (i=0; i<iframeids.length; i++)    
{    
if (document.getElementById)    
{    
//自动调整iframe高度    
dyniframe[dyniframe.length] = document.getElementById(iframeids[i]);    
if (dyniframe[i] && !window.opera)    
{    
dyniframe[i].style.display="block"    
if (dyniframe[i].contentDocument && dyniframe[i].contentDocument.body.offsetHeight) //如果用户的浏览器是NetScape    
dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight;    
else if (dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight) //如果用户的浏览器是IE    
dyniframe[i].height = dyniframe[i].Document.body.scrollHeight;    
}    
}    
//根据设定的参数来处理不支持iframe的浏览器的显示问题    
if ((document.all || document.getElementById) && iframehide=="no")    
{    
var tempobj=document.all? document.all[iframeids[i]] : document.getElementById(iframeids[i])    
tempobj.style.display="block"    
}    
}    
}    
  
if (window.addEventListener)    
window.addEventListener("load", dyniframesize, false)    
else if (window.attachEvent)    
window.attachEvent("onload", dyniframesize)    
else    
window.onload=dyniframesize    
</script>

使用的时候只要贴在<head></head>里面就可以了

分享到：