A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 陈子斌 中级黑马   /  2012-7-13 15:46  /  1912 人查看  /  1 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

如何设置iframe的自适应高度?在css里能设置吗?

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

1 个回复

倒序浏览
采用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>

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马