页面中自适应iframe高度的问题总结

本文讨论了在同域条件下,如何解决iframe动态调整高度时遇到的问题,包括无法自动缩小及异步内容高度不更新等,并提出了解决方案。

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

  1. 当需要对iframe进行操作,例如获取iframe的高度等,iframe和当前页面需要时同域,跨域情况下是获取不到的;
  2. 当动态设置iframe的高度时,iframe的高度一旦变大是不会自动缩小的。
    例如:
    iframe中 a 页面高度为800px,b 页面的高度为500px ,你获取到的iframe高度只会是 800px
    反之,a 为 500px,b 为800px,那么从 a 跳转到 b 的时候,你获取到的iframe高度则是 b 的高度800px
    这种问题的处理需要每次onload是初始化iframe的高度为一个较小的值,但是这样做会浪费一部分页面的性能。需要根据你的需求来确定是否需要这样做;
  3. iframe动态设置高度时,异步添加的内容的高度是不会被获取到的
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值