<iframe>高度自适应

<iframe id="content" width="100%" frameborder="0"src="符合同源策略的路径" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true"></iframe>
// 此方法适用于未知iframe高度时调用,获取iframe内容的高度动态设置。
function setIframeHeight() {
  let iframe = document.getElementById("content");
  try {
    let bHeight = iframe.contentWindow.document.body.scrollHeight;
    let dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
    let height = Math.max(bHeight, dHeight);
    iframe.height = height;
    } catch (ex) {console.log(ex)}
  }
// 页面加载完成或合适的时间调用此方法即可。
setIframeHeight()
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容