您现在的位置是:门户> 编程语言> HTML/CSS

Iframe自适应其加载的内容高度
2020-04-08 26人围观 0条评论
简介Iframe自适应其加载的内容高度
      
          
             
             
           iframe自适应加载的页面高度  
          

        
            
        


    child.htm:

      
      
         
         
       iframe  自适应其加载的网页(多浏览器兼容)  
       
       function iframeAutoFit()
       {
          try
          {
             if(window!=parent)
             {
              var a = parent.document.getElementsByTagName("IFRAME");
                for(var i=0; i            {
                   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);  
         
      
      
         
           iframe  自适应其加载的网页(多浏览器兼容)  
       
  
  

分享:

文章评论