在HTML中,要让
1. 在父页面中添加以下JavaScript代码:
2. 在
注意:上述代码中,假设你的
3. 在被嵌入的iframe内容页(iframe-content.html)中,添加以下JavaScript代码:
这段代码的作用是在iframe内容加载完毕后,通过parent.adjustIframeHeight()方法通知父页面重新计算和调整iframe的高度。
完成上述步骤后,当iframe内容发生变化或加载新内容时,会自动调整iframe的高度以适应内容。
请注意,在某些情况下,由于浏览器的安全策略限制,跨域的iframe内容可能无法通过此方法自适应高度。在这种情况下,你可能需要考虑使用其他技术,如使用postMessage来进行跨域通信,并动态调整iframe高度。
以上就是关于“iframe 根据内容自适应高度-终极解决方案”的相关介绍,筋斗云是国内较早的云主机应用的服务商,拥有10余年行业经验,提供丰富的云服务器、租用服务器等相关产品服务。云服务器资源弹性伸缩,主机vCPU、内存性能强悍、超高I/O速度、故障秒级恢复;电子化备案,提交快速,专业团队7×24小时服务支持!
简单好用、高性价比云服务器租用链接:https://www.jindouyun.cn/product/cvm