叁柒設計 三七设计 Three seven design 我的学习与分享
详细信息
来自:关键字:

IFrame自动适应内容高度,不出现滚动条

  June 24th,2009 10:07:35   Category : Javascript
 Click (3550)

在页面中想要插入一个IFRAME,但需要这个Iframe随着Iframe里的内容高度自动调整高度,这个时候方法有很多种,在这里只给大家介绍其中一种方法,也是比较实用方便的方法。

代码:
将下面JS代码放在<head></head>之间:

<script type="text/javascript">
 function SetCwinHeight(iframeObj){
  if (document.getElementById){
   if (iframeObj && !window.opera){
    if (iframeObj.contentDocument && iframeObj.contentDocument.body.offsetHeight){
     iframeObj.height = iframeObj.contentDocument.body.offsetHeight;
    }else if(document.frames[iframeObj.name].document && document.frames[iframeObj.name].document.body.scrollHeight){
     iframeObj.height = document.frames[iframeObj.name].document.body.scrollHeight;
    }
   }
  }
 }
 </script>

iFrame示例代码为:
<iframe frameborder="0" scrolling="no" name="right" onload="SetCwinHeight(this)" src="您的页面" width="791">

[ 资讯评论 ]
  • Jakin
    2009-06-24 15:16:04
  • 顶了!~~谢谢~正需要这个!~~~~
[ 提交评论 ]
请选择表情
  • 昵称:
  • *
  • 验证码:
  • *点击更换验证码
  • 尚能输入个字符
申明:本网站部分分享内容来自网络,如有侵权请及时与我联系,谢谢,另网友评论仅代表个人观点,与本站立场无关,如果在评论中发表违反我国任何法律的,请即时与我们联系(QQ:77132915),我们将立即予以删除. [ 注:提交评论后,通过审核后方能在网站上显示!]