javascript - 从 iframe 内部检测 <iframe> 高度和宽度

Question

我怀疑这是否真的可行，但我准备接受纠正。

我需要的是能够从 iframe 中检测 iframe 的宽度和高度，所以如果 iframe src 是 iframeContent.html 我需要能够在此页面上显示值。

我无法控制托管 iframe 的页面，只能控制 iframe 的内容。

这可能吗？

Answer 1

无论页面是否加载到 iframe 中，您始终可以获得网页尺寸。或一个新窗口，它始终以相同的方式工作。这是我发现用于获取 window 的函数尺寸，你也可以用它来获得 <iframe>维度。

function alertSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  window.alert( 'Width = ' + myWidth );
  window.alert( 'Height = ' + myHeight );
}

• source (感谢 Andy E 添加链接)
• jsFiddle example