1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. js
  6. [JS]iframe依內容自動調整框架高度

[JS]iframe依內容自動調整框架高度

2008/11/24
  iframe在網頁應用相當的廣泛,但由於先天的限制下,以至於高度以及寬度都只能依所設定的大小為主,但經由後天的調整下,讓iframe也能依載入網頁內容的多寡,自動調整框架大小,iframe也是可以很smart的喔!

iframe.htm

<iframe frameborder="0" src="source.htm" id="frameid"></iframe>

source.htm(加在<head>….</head>之間 

<script language="javascript">
function reSize(){
  //parent.document.all.frameid.height=document.body.scrollHeight;
  parent.document.getElementById("frameid").height=document.body.scrollHeight;
}
window.onload=reSize;
</script>