Iframe自適應高度

在Iframe中顯示內容時,若是內容不固定,那麼就須要讓Iframe來自動適應頁面的高度,下面是幾種方法:ide

1.在包含Iframe的頁面:this

      <iframe src="main.asp" width="557px" height="100%" name="Mainv" id="Mainv" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" style="border:#FFFFFF" onload="this.height=this.contentWindow.document.body.scrollHeight"></iframe>
 ip

這樣就能夠了get

2.在包含Iframe的頁面:iframe

      <iframe src="main.asp" width="557px" height="100%" name="Mainv" id="Mainv" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" style="border:#FFFFFF"></iframe>it

而後在每一個要在Iframe中顯示的頁面上,<body onload="parent.document.all.Mainv.height=getTotalHeight();">io

而後在頁面底部加入
 <div id="theEnd" style="position:relative"></div>
<script language="JavaScript">
function getTotalHeight(){
     return document.getElementById("theEnd").offsetTop+10;
}
</script>
 function

相關文章
相關標籤/搜索