使用postMessage让 iframe自适应高度的方法示例

前言 有时候,我们会使用 iframe标签,将前端分离项目无感的嵌入 如以Freemark为主体较老的项目中。 我们知道,当iframe内部内容比父页面所指定的宽高大的时候,会出现滚动框。 所以,让iframe的宽高能根据自身内容自动改变,就成了一个必须要解决的问题。 使用HTML5中新定义的window.postMessage 可以实现跨window通信。 demo效果 演示地址: www.mixvjiezi.xyz/demo/iframe 我们要的效果如上图所示。 黄色区域 是通过 iframe标签引入 的body.html部分。 index.html : <!DOCTYPE