在加载后调整iframe的大小

Question

我在使用javascript在加载时注入iframe的大小时遇到​​问题。我使用大约300px的设置宽度，这很好，但动态地将iframe的高度调整为其内容大小（博客文章）。

我试着让contentWindow（没有孩子dom元素）和contentDocument（这是未定义的）无济于事。

我这样做负载：

var iframe = document.createElement('iframe'); 
iframe.setAttribute('id','postFrame'); 
iframe.setAttribute('frameborder','no'); 
iframe.setAttribute('scrolling','no'); 
iframe.setAttribute('onload','resizeFrame();'); 
iframe.setAttribute('width','300px'); 
iframe.setAttribute('src','http://espn.go.com/espn/print?id=7454651'); 
var container = document.getElementById('container'); 
container.appendChild(iframe); 


function resizeFrame(){ /* resize iframe based on content height*/ } 

有没有办法基础上的iframe中的内容重新大小iframe的高度？

*编辑**

可能的解决方法：

是否有希望，我可以使用访问控制允许来源，以帮助这个问题？可以说iframe中的页面是我自己的，或者是来自php脚本的echo'd

Answer 1

我使用以下函数将iframe的大小调整为内容的高度。它是企业内部网应用程序（只有在IE8正确的测试），但可以肯定的作品，所以可能提供缺少的clue-

function sizeIframeToContent(id) { 
    // resize iframe to be the height of the content 
    try { 
     var frame = document.getElementById(id); 
     innerDoc = (frame.contentDocument) ? 
        frame.contentDocument : frame.contentWindow.document; 
     var objToResize = (frame.style) ? frame.style : frame; 
     objToResize.height = innerDoc.body.scrollHeight + 10 + 'px'; 
     //objToResize.width = innerDoc.body.scrollWidth + 10 + 'px'; 
    } 
    catch (err) { 
     console.log(err.message); 
    } 
} 

编辑的explanation-一旦文件已加载，你应该能够找到这个文件然后您可以使用它作为iframe的高度。当你特别询问高度时，我评论了上述函数的宽度部分。