檢測<iframe>從內部框架內部的高度和寬度

Question

我懷疑這實際上是可能的，但我準備糾正。

我需要的是能夠從iframe中檢測iframe的寬度和高度，所以如果iframe src是iframeContent.html我需要能夠在此頁面上顯示值。

我無法控制託管iframe的頁面僅包含iframe的內容。

這可能嗎？

Answer 1

您可以隨時獲得網頁尺寸，無論頁面是否在iframe內加載，或者它總是以相同的方式工作。這是我發現用於獲得window尺寸的功能，您也可以使用它來獲得尺寸。

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（感謝安迪·E中添加鏈接）
• jsFiddle example