iframe自适应父页面的大小,而没有滚动条,scrolling="no"后无法正常显示内容的问题

今天做网站遇到了一个问题,iframe的scrolling="no"设置后,无法显示全部iframe内容,判断是内容隐藏了,一顿好找,在网上找到了这编文章,问题解决

转】让iframe自适应大小,没有滚动条

  (2011-05-26 09:01:00)
标签: 

杂谈

 
父页里有一个层<div>,<div>里有一个子框架<iframe>,<iframe>的属性id="mainFrame"


例如:

父页代码:
<html>
    <body>
      <div id="mainDiv" style="display:none; width:550px; height:200px" align="left">
       <iframe 
        name="mainFrame" 
        src=" text.html "                               
        frameborder="0"
         scrolling="no"
        width="550"
        height=250 
        id="mainFrame">
            </iframe>
          </div>
       </body>
</html>

text.html 代码
<html>
       <head>
              <script type="text/javascript">
                     function IFrameResize()
                     {
                    //得到父页面的iframe框架的对象
                           var obj = parent.document.getElementById("mainFrame");
                    //把当前页面内容的高度动态赋给iframe框架的高
                           obj.height = this.document.body.scrollHeight;
                     } 
              </script>
       </head>
       <body  οnlοad="IFrameResize(); ">//记得加上
       </body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值