对 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