iframe中子页面通过js计算高度（使得页面不会显示不全）

标签：style   class   blog   code   java   ext   

　　使用过iframe的人，都知道，它是一个模版，里面有一个iframe，而iframe当中，是可以嵌套多个页面的。（比较常见的问题，就是iframe页面中，经常会出现内容显示不全的时候）。

      谨记，通过js去计算高度，最最要紧的就是，包着所有元素包住了里面的元素，也就是body的高度、其他元素的高度都是存在，一般只要记住清除浮动应该就不会有什么问题（这是我的老毛病，故而要告诉别人防患于未然）。

　　下面这段脚本是直接放在子页面里面的

<script type="text/javascript">
        var oIframe = window.top.document.getElementById("ifrma1");
        var oBody = document.getElementsByTagName("body")[0];
        oIframe.style.height = oBody.offsetHeight + 40 + ‘px‘;
</script>

iframe中子页面通过js计算高度（使得页面不会显示不全）,布布扣,bubuko.com

iframe中子页面通过js计算高度（使得页面不会显示不全）

标签：style   class   blog   code   java   ext   

原文地址：http://www.cnblogs.com/wanliyuan/p/3805666.html