iframe在網頁應用相當的廣泛,但由於先天的限制下

以至於高度以及寬度都只能依所設定的大小為主

但經由後天的調整下,讓iframe也能依載入網頁內容的多寡

自動調整框架大小,iframe也是可以很smart的喔!

製作方法:

1. iframe.htm

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


 

2.source.htm(加在<head>….</head>之間 
<script language="javascript">
function reSize(){
  parent.document.all.frameid.height=document.body.scrollHeight; 
} 
window.onload=reSize;
</script>

    全站熱搜

    雞蛋貓異想世界 發表在 痞客邦 留言(0) 人氣()