页面中用到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，只是记录每一次得到的最大值，会带来一些问题。具体应用还是看需求吧。