javascript - 获取 iframe 中内容的高度使用 iframe 调整大小

Question

我使用 iframe 在我的应用程序中嵌入一个站点并使用 iframe 调整大小库。

<iframe id="iframeContainer" class="iframeContainer" src="mysite.com" width="100%" scrolling="no" ></iframe>

和代码脚本

iFrameResize({
  log:true,
  autoResize: true,
  resizeFrom: 'child',
  sizeWidth:false,
  checkOrigin:false,
  minWidth: 1200,,
  heightCalculationMethod: "max"
});

我想在加载父页面后获取height内容mysite.com，但我想到了一种方法。

Answer 1

您可以为此使用 resizeCallback。

var iFrameHeight;

iFrameResize({
  log:true,
  minWidth: 1200,
  heightCalculationMethod: "max",
  resizeCallback: function(iFrameData) {
    iFrameHeight = iFrameData.height;
  }
});