用javascript动态调整iframe高度

METHOD1:

var getFFVersion=navigator.userAgent.substring(navigator.userAgent.indexOf("Firefox")).split("/")[1]   
  
    //extra height in px to add to iframe in FireFox 1.0+ browsers     
    var FFextraHeight=getFFVersion>=0.1? 16 : 0  
    function dyniframesize(iframename) {   
      var pTar = null;   
      if (document.getElementById){   
        pTar = document.getElementById(iframename);  
      }   
      else{   
        eval('pTar = ' + iframename + ';');   
      }   
      
      if (pTar && !window.opera){   
        //begin resizing iframe   
        pTar.style.display="block"  
        if (pTar.contentDocument && pTar.contentDocument.body.offsetHeight){  
          //ns6 syntax 
          pTar.height = pTar.contentDocument.body.offsetHeight+FFextraHeight;  
        }   
        else if (pTar.Document && pTar.Document.body.scrollHeight){  
          //ie5+ syntax   
          pTar.height = pTar.Document.body.scrollHeight;   
        }   
      }   
    }   

 

<iframe id="myTestFrameID" onload="javascript:{dyniframesize('myTestFrameID');}" marginwidth=0 marginheight=0 frameborder=0 scrolling=no src="#" width=200 height=100></iframe> 

 

METHOD2

$(document).ready(
       function()
       {
            $("#contentFrame").load(
               function()
               {
                    $(this).height(Math.max($(this).attr("contentWindow").document.body.scrollHeight, $(this).attr("contentWindow").document.documentElement.scrollHeight));
               }
            );
       }
    );