获取 iframe 的高度可以通过访问 iframe 的 contentDocument 对象和 scrollHeight 属性来实现。 具体方法如下：

1
2

var iframe = document.getElementById('myiframe');
var iframeHeight = iframe.contentDocument.documentElement.scrollHeight;

这里的 myiframe 是 iframe 的 id， contentDocument 是 iframe 的文档对象， scrollHeight 是文档的滚动高度。如果你要在 iframe 中嵌入一个页面并且想要自适应 iframe 高度，可以使用以下代码：

1
2
3
4
5
6
7
8

function setIframeHeight(iframe) {
  if (iframe) {
    var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
    if (iframeWin.document.body) {
      iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
    }
  }
}

这个函数将根据 iframe 的内容自动调整 iframe 的高度。如果您需要在 iframe 加载完成后自动调整高度，可以使用以下代码：

1
2
3
4

var iframe = document.getElementById('myiframe');
iframe.onload = function() {
  setIframeHeight(iframe);
};

请注意，在不同的浏览器和环境中，获取 iframe 高度的方法可能会有所不同。在某些情况下，还需要考虑跨域访问的问题。

转载 js获取iframe高度

赏

谢谢你请我吃糖果

微信