2012-03-26 18 views
0

我想要一個改變iframe高度以及iframe內容高度發生變化的JavaScript代碼。如何通過javascript動態更改iframe的高度當頁腳加載時,javascript iframe

我不想在主頁面加載時計算高度,iframe內容中有一些元素用Ajax加載,並且在不刷新整個頁面的情況下進行更改,因此內容高度會動態更改而不會重新加載。我想要一些方法來動態計算iframe內容的高度並更改iframe本身的高度屬性。

可能嗎?

+1

是來自同一個域的iframe? – bezmax 2012-03-26 09:18:31

回答

0

代碼應該是這個樣子:

function resizeFrame(f) { 
    f.style.height = f.contentWindow.document.body.scrollHeight + 「px」; 
}  

你可以找到一個例子,這個網址:

http://www.mattcutts.com/blog/iframe-height-scrollbar-example/

+0

必須提及的是,只有主窗口和框架來自同一個域時,該方法才能正常工作。否則,你將無法訪問它上面的'document'屬性。 – bezmax 2012-03-26 10:46:19

+0

謝謝,否IFrame來自另一個域。所以我不能計算其他域的大小:( – 2012-04-12 16:21:00