JavaScript应用：Iframe自适应其加载的内容高度

main.htm:

 

< html >   
< head >   
   < meta   http-equiv ='Content-Type'   content ='text/html;   charset =gb2312' >   
   < meta   name ='author'   content ='F.R.Huang(meizz梅花雪)//www.meizz.com' >   
   < title > iframe  自适应其加载的网页(多浏览器兼容) </ title >   
   < script   language =javascript > ...
  function iframeAutoFit()
  ...{
      try
      ...{
        if(window!=parent)
        ...{
          var a = parent.document.getElementsByTagName("IFRAME");
            for(var i=0; i<a.length; i++) //author:meizz
            ...{
              if(a[i].contentWindow==window)
              ...{
                  var h = document.body.scrollHeight;
                  if(document.all) ...{h += 4;}
                  if(window.opera) ...{h += 1;}
                  a[i].style.height = h;
              }
            }
        }
      }
      catch (ex)
      ...{
        alert("脚本无法跨域操作！");
      }
  }
  if(document.attachEvent)  window.attachEvent("onload",  iframeAutoFit);  
  else  window.addEventListener('load',  iframeAutoFit,  false);  
   </ script >   
</ head >   
< body >   
   < div   style ="width:  200;  height:  400;  background-color:  yellow" >   
      iframe  自适应其加载的网页(多浏览器兼容)  
   </ div >   
</ body >   
</ html >

 

但要注意,不要在main.html里设置left.htm文件的高度.