資料來源:程式開發哇哇哇

只需將下列程式貼在iframe內容頁的網頁中即可。

註:chrome本機瀏覽會不正常,需上傳至網路空間觀看

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
    <script type="text/javascript">
   
      $(document).ready(function(){
        iframe_auto_height(); //當文件ready時才能正確取得iframe內容的高度
      });
   
      //iframe auto height主程式
      function iframe_auto_height(){
       if(!this.in_site()) return;
       var iframe;
       $(parent.document).find("iframe").map(function(){ //找到自己的iframe
         if($(this).contents().get(0).location == window.location) iframe = this;
       });
       if(!iframe) return;//no parent
       var content_height = $("body").height()+50;
       content_height = content_height < 300 ? 300 : content_height; //設定最小高度
       content_height = typeof content_height == 'number' ? content_height+"px" : content_height;
       iframe.style.height = content_height;
     }
 
     //判斷是否在網頁的iframe之中
     function in_site(){
       if(parent != window && this.is_crosssite() == false) return(true);
       return(false);
     }
 
     //判斷是否跨站(可能是別人嵌入了你的網頁)
     function is_crosssite() {
       try {
         parent.location.host;
         return(false);
       }
       catch(e) {
        return(true);
       }
     }
   </script>
<script type="text/javascript">

gcchiou 發表在 痞客邦 PIXNET 留言(0) 人氣()