如何控制iframe的高度随内容的多而自动增长

本文介绍了通过在iframe中设置name属性并利用JavaScript调整其高度的两种方法。第一种是在iframe标签内使用onload事件直接设定高度;第二种是在被加载页面的结束标签前通过父窗口的document对象来调整高度。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 方法1:在iframe中加入name属性。然后加上οnlοad="this.height=webb.document.body.scrollHeight+20"。例如:

<iframe src="huizAdd.jsp"  width="100%" height="100%"  scrolling="no" FrameBorder="0" id="webb" name="webb" οnlοad="this.height=webb.document.body.scrollHeight+20"></iframe>

 

方法2:在被iframe调用的文件</body>之后加入上面这段即可。

<script language="javascript">
if (window.parent.length>0){window.parent.document.all.webb.style.height=document.body.scrollHeight;}
</script>
其中webb是iframe的name。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值