完整的iframe auto height程式(在iframe內容頁中處理)

全部參考：
1.Iframe自動調整高度, 在子網域SubDomain的情形
2.處理iframe auto height(Iframe自適應高度)
3.處理iframe auto height(Iframe自適應高度) - 相關問題紀錄
4.完整的iframe auto height程式(在iframe內容頁中處理)
5.或許你想要 "html include html，兩種工具介紹。"


以下是一個完整的iframe auto height程式，放在iframe內容頁的網頁中即可。 看Demo。
程式使用了google的AJAX Libraries API來載入jQuery，並使用jQuery來處理部份的程式。
不需要在iframe設定name或id，因為程式會找到自己的iframe。

1. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
2. <script type="text/javascript">
3.   $(document).ready(function(){
4.     iframe_auto_height(); //當文件ready時才能正確取得iframe內容的高度
5.   });
6.   //iframe auto height主程式
7.   function iframe_auto_height(){
8.     if(!this.in_site()) return;
9.     var iframe;
10.     $(parent.document).find("iframe").map(function(){ //找到自己的iframe
11.       if($(this).contents().get(0).location == window.location) iframe = this;
12.     });
13.     if(!iframe) return;//no parent
14.     var content_height = $("body").height()+50;
15.     content_height = content_height < 300 ? 300 : content_height; //設定最小高度
16.     content_height = typeof content_height == 'number' ? content_height+"px" : content_height;
17.     iframe.style.height = content_height;
18.     parent.iframe_auto_height(); //當下層iframe自身完成高度調整後, 再通知上層去調整高度, 直到每一層都完成高度調整.
19.   }
20.   //判斷是否在網頁的iframe之中
21.   function in_site(){
22.     if(parent != window && this.is_crosssite() == false) return(true);
23.     return(false);
24.   }
25.   //判斷是否跨站(可能是別人嵌入了你的網頁)
26.   function is_crosssite() {
27.     try {
28.       parent.location.host;
29.       return(false);
30.     }
31.     catch(e) {
32.       return(true);
33.     }
34.   }
35. </script>