iframe 高度自适应

对 iframe 中的一些div和table元素的display需要做block 和 none 的操作。

iframe的高度是不变的，当其中一个div的display:none后，iframe下就多了片空白 。

如果其中一个div的从隐藏变成block后，结果网页下方一部分显示不出来。

这时就需要iframe随着对dom的操作而自变化高度。

 

网上搜索的结果都不怎么理想。

最后的结果如下：

 

var obj = document.getElementById(iframeID);
var idoc = obj.contentWindow && obj.contentWindow.document || obj.contentDocument;
if(!-[1,]){//IE
        obj.style.height = idoc.body.scrollHeight;
}else{
       obj.height = idoc.documentElement.scrollHeight;
}

  

 

参考blog地址：http://www.cnblogs.com/rubylouvre/archive/2011/01/05/1926226.html