首页 > 其他 > 详细

解决iframe周围的空白问题 td自适应iframe高度

时间:2014-04-16 19:08:07      阅读:584      评论:0      收藏:0      [点我收藏+]

页面:

 <td style="width: 70%;height: 100%" id="tdRecordDetail">
           <iframe id="right" name="right" src="" width="100%" frameborder="0"  style="width: 100%;height: 100%;margin: 0;padding: 0;"frameborder="0"           marginheight="0"  marginwidth="0" ></iframe>
 </td>

iframe要引用的SRC对应的页面需要在body中设置

<body topmargin="0" leftmargin="0">
.....
</body>

 自适应问题:

 <script>
            function resize(obj){
                 var iframeHeight=document.frames[obj.name].document.body.scrollHeight; 
                 document.getElementById("mainFrameTd").style.height=iframeHeight;
            
            }
 </script>
<td  id="mainFrameTd" width="414" align="center" valign="top">
            <iframe frameborder="0" name="index_main"  id="index_main"  onload="resize(this);" src="${getUrl()}" style="width:100%; height:100%" 
        scrolling
="no">
       </
iframe> </td>

 

解决iframe周围的空白问题 td自适应iframe高度,布布扣,bubuko.com

解决iframe周围的空白问题 td自适应iframe高度

原文:http://www.cnblogs.com/means-sisy/p/3668967.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!