页面中用到iframe不能完全显示的解决方案

如果在页面中用到了iframe标签，有时在浏览器中并不能完全显示iframe，导致有些iframe内的内容不能被显示，如果遇到这种情况，使用以下js可以解决大多数问题。

 

这是iframe标签：

<iframe marginwidth="0" src=" " marginheight="0" width="100%" name="i" id="urlIframe" frameborder="0" scrolling="no" onload="reinitIframe()" >
</iframe>

 

在加载时执行reinitIframe()函数，以下是函数内容：

 

 

function reinitIframe() {         
   var iframe = document.getElementById("urlIframe");                
 try 
{                          
                   var bHeight = iframe.contentWindow.document.body.scrollHeight;                
/*       
                   var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;              
                   var height = Math.max(bHeight, dHeight);                          
                    iframe.height = height;                */                         
                   iframe.height = bHeight;                      
} 
          catch (ex) { }                 
}

 

 

 

 

 

实际中使用变量bHeight可以正好得到完整的高度，如有需要可以使用dHeight，并得到两者的最大值，但实际应用中使用dHeight，只是记录每一次得到的最大值，会带来一些问题。具体应用还是看需求吧。