ifram高度自适应，两种方法
方法一：父页面获取子页面高度，改变父页面高度
以下代码加到父页面
<script language="javascript"> //获取iframe子页面的方法，需调用才能实现 (<body onload="doShow()">) function doShow(){ //获得子页面的高度 document.getElementById("content").contentWindow.document.body.scrollHeight document.getElementById("content").style.height = document.getElementById("content").contentWindow.document.body.scrollHeight + "px"; //改变iframe的高度 } </script>
方法二：子页面直接改变父页面高度
以下代码加到子页面
<script language="javascript"> //控制父页面iframe高度的方法 parent.document.getElementById("content").style.height = document.body.scrollHeight +"px"; </script>
【推荐】还在用 ECharts 开发大屏？试试这款永久免费的开源 BI 工具！
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步