(转)用javascript使iframe高度自适应(本域内) -优快云博客

本文介绍了一种使用JavaScript实现iframe高度自适应的方法。通过检测浏览器类型及版本，并针对不同浏览器特性调整iframe的高度，确保内容完全展示且无滚动条。适用于同一域名下的页面嵌套。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

(转)用javascript使iframe高度自适应(本域内) 
<script language="javascript" type="text/javascript">
         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;
                }
               
            }
        } 
    </script>
<iframe id="OrderFrame" src="test.aspx" marginwidth=0 marginheight=0 width=200 height=100 
frameborder=0 scrolling=no onload="javascript:{dyniframesize('OrderFrame');}"></iframe>