跨域 iframe 高度自适应需通过 postMessage 通信实现，子页上报 document.documentElement.scrollHeight，父页校验 origin 后设置高度；兼容旧版可用桥接 iframe 方案；推荐使用 iframe-resizer 库自动处理动态内容与边界情况。
跨域 iframe 高度自适应不能靠直接读取子页面 DOM 实现，因为浏览器同源策略会阻止父页面访问 contentDocument 或 contentWindow。必须借助通信机制间接传递高度值。核心思路是：让子页面把自身高度“告诉”父页面，且双方在安全、可控的前提下完成协作。
用 postMessage 实现双向通信（推荐，现代标准方案）
这是目前最简洁、兼容性好、无需额外中介文件的主流做法，适用于所有支持 HTML5 的浏览器（IE8+ 可降级支持）。
- 父页面监听
message事件，校验来源域名（event.origin），再更新 iframe 高度 - 子页面在加载完成后（
window.onload或DOMContentLoaded），调用parent.postMessage()上报document.body.scrollHeight - 子页面需确保
<body>无默认边距：body { margin: 0; padding: 0; }，否则高度计算偏大 - 父页面建议对上报高度做最小限制，例如
Math.max(300, height)，防止空内容导致 iframe 塌陷
桥接页面方案（兼容老旧环境，如 IE6–7）
当目标环境不支持 postMessage，或需兼容极老版本时，可采用“桥文件”方式——在子页面中再嵌套一个与父页面同域的中介 iframe。
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 子页面（跨域）获取自身高度后，通过修改中介 iframe 的
location.hash传参，例如：iframeA.src = "https://yourdomain.com/bridge.html#842" - 中介页面（同域）监听
hashchange，解析出高度值，并调用parent.parent.document.getElementById('myIframe').style.height更新父页面中的 iframe - 该方案依赖 URL hash，不触发页面刷新，但结构略复杂，维护成本高，仅建议用于必须支持古董浏览器的场景
使用成熟库简化开发（适合中大型项目）
避免重复造轮子，可引入经过广泛验证的第三方库，如 iframe-resizer。
立即学习“Java免费学习笔记（深入）”；
- 自动处理同域/跨域、内容动态变化（如点击展开、AJAX 加载）、窗口缩放、多 iframe 管理等边界情况
- 父页面只需引入脚本并初始化：
iFrameResize({ log: true }, '#myIframe') - 子页面需加载配套的
iframeResizer.contentWindow.min.js，它会在就绪后主动向父页发送尺寸信息 - 支持响应式、滚动同步、事件回调等高级能力，大幅降低出错概率
关键注意事项
无论采用哪种方式，都需注意以下细节：
-
时机必须准确：高度读取必须在子页面 DOM 渲染完成之后，优先用
window.onload；若内容异步加载，还需监听后续变化（如 MutationObserver 或定时轮询） -
高度值要选对：用
document.documentElement.scrollHeight比body.scrollHeight更可靠，尤其当页面使用了html { height: 100% }时 - 不要依赖 CSS 的 height: 100%：iframe 默认高度为 150px，设为 100% 仅表示占满父容器高度，与内容无关
-
跨域校验不可省略：生产环境严禁使用
'*'作为postMessage的 targetOrigin，应明确指定可信域名，防止恶意页面伪造消息
