iFrame框架高度自适应

最新推荐文章于 2023-04-12 10:09:10 发布

转载最新推荐文章于 2023-04-12 10:09:10 发布 · 78 阅读

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/565040

本文介绍了一种实现iframe元素在不使用滚动条的情况下自动调整高度的方法。通过在主页面设置特定的iframe属性，并在嵌入的子页面中加入JavaScript脚本来动态调整iframe的高度，使得其能够根据内容的多少自动伸缩。

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

由于不想使用滚动条，又不想固定框架的高度，想使他根据内容的多少而自动调整高度。
1. 主页面的框架代码：

<iframe id="ifr" src="test.html" width="660"  frameborder="0" scrolling="no" name="aa" id="aa"></iframe> 

2. 所嵌套子页面test.html在head添加脚本：

代码

本文转自陈敬（Cathy）博客园博客，原文链接：http://www.cnblogs.com/janes/archive/2010/09/21/1832389.html，如需转载请自行联系原作者

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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