我正在使用 David J. Bradshaw 的 iFrame Resizer。
将 css 样式从父级加载到 IFrame。在加载 IFrame 中的 css 样式之前显示的父级 IFrame 的高度。
在父母
<div style="max-width:500px;">
<iframe src="https://dikarier.com" name="dikarier" id="dikarier" width="100%" scrolling="no"></iframe>
</div>
<script type="text/javascript" src="iframeResizer.min.js"></script>
<script type="text/javascript">
iFrameResize({log:true});
</script>
在 IFrame 中
<p class="HeightfromParent" style="padding:1em;background:#000;color:#fff;"> </p>
<script>
window.iFrameResizer={
targetOrigin:'http://localhost'
}
</script>
<script type="text/javascript" src="iframeResizer.contentWindow.min.js" defer></script>
没有错误,但是在加载 IFrame 中的 css 样式后,我需要父显示中的 IFrame 高度。请帮忙?