黑马程序员技术交流社区

标题: iframe样式的问题 [打印本页]

---

作者: 陈子斌    时间: 2012-7-13 15:46
标题: iframe样式的问题
如何设置iframe的自适应高度？在css里能设置吗？

---

作者: 许庭洲    时间: 2012-7-13 16:04
采用JAVASCRIP技术实现：
<script type="text/javascript">
function SetCwinHeight(){
  var adaptive=document.getElementById("adaptive");
  if (document.getElementById){
   if (adaptive && !window.opera){
    if (adaptive.contentDocument && adaptive.contentDocument.body.offsetHeight){
     adaptive.height = adaptive.contentDocument.body.offsetHeight;
    }else if(adaptive.Document && adaptive.Document.body.scrollHeight){
     adaptive.height = adaptive.Document.body.scrollHeight;
    }
   }
  }
}
</script>
<iframe width="100%" id="zishiying" onload="Javascript:SetCwinHeight()" height="1" frameborder="0" src="http://www.bbs.itheima.com/"></iframe>

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2