如何在包含页面内调整iframe的大小？

Question

我想访问我的页面所在的iframe并调整其大小.顺便说一句,我在javascript中这样做.

它类似于父级和高度或者偏移高度.

<iframe src="mypage.asp" height="400" width="400" ></iframe> 

并在mypage.asp我做类似这样的事情:

var h = // new height;
parent.height = h; 

但这不是很好吗？还有谁知道更多？

Answer 1

如果您想从 iframe 中加载的页面内调整 iframe 的大小，请尝试此操作。它似乎至少在本地工作：

function doIt() {
    var elem = window.parent.document.getElementById('myIframe'); // the id of your iframe of course
    elem.style.height = '40em';
}

我假设页面和您的 iframe 都是您的并且具有相同的“来源”。