讓iframe自適應父容器高度

把下面一段js代碼貼到子頁面中即可生效

<script type="text/javascript">


//自動調整iframe框架的方法


function iframeAuto()


{

try{

if(window!=parent)

{


//定位需要調整的frame框架(在父級窗口中查找)


var a = parent.document.getElementsByTagName("IFRAME");


for(var i=0; i<a.length; i++)


{


if(a[i].contentWindow==window)


{


var h1=0, h2=0;


a[i].parentNode.style.height = a[i].offsetHeight +"px";


a[i].style.height = "10px";              //首先設置高度爲10px,後面會修改


if(document.documentElement&&document.documentElement.scrollHeight){

h1=document.documentElement.scrollHeight;


}


if(document.body) h2=document.body.scrollHeight;


var h=Math.max(h1, h2);               //取兩者中的較大值


if(document.all) {h += 4;}


if(window.opera) {h += 1;}


//調整框架的大小


a[i].style.height = a[i].parentNode.style.height = h +"px";


} } }


}


catch (ex){}


}


//事件綁定的方法,支持IE5以上版本


if(window.attachEvent){

window.attachEvent(" iframeAuto);

}


else if(window.addEventListener)


{


window.addEventListener('load', iframeAuto, false);


}


//-->


</script>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章