用js自适应iframe的大小

方法一，很容易想到，

<mce:script language="javascript" type="text/javascript"><!--
function getElement(aID) {
return (document.getElementById) ? document.getElementById(aID) : document.all[aID];
}

function getIFrameDocument(aID) {
var rv = null;
var frame = getElement(aID);

if (frame.contentDocument)
rv = frame.contentDocument;
else // bad Internet Explorer  ;)
rv = document.getElementById(aID).document;
return rv;
}

function adjustMyFrameHeight() {
var frame = getElement("myIFrame");
var frameDoc = getIFrameDocument("myIFrame");
if (navigator.appName == "Microsoft Internet Explorer")
frame.style.height = frameDoc.body.scrollHeight + 'px';
else
frame.style.height = frameDoc.body.offsetHeight + 'px';
}

// --></mce:script>

这种方法存在缺点，取得的高度有偏差（在我的机子上是这样，本应该是150px,但取出860px）。

另一种方法：

<mce:script language="javascript" type="text/javascript"><!--
function calcHeight() {
var the_height = document.getElementById('myIFrame').contentWindow.document.body.scrollHeight;

document.getElementById('myIFrame').style.height = (the_height + 10) + "px";
}

// --></mce:script>

jQuery里取得iframe 高度就用这个方法。推荐使用。

另外，这两种方法都不能跨域使用。