iframe height调整为内容(工作Safari,而非Chrome)

时间:2013-03-22 01:46:57

标签: google-chrome iframe safari

好的,嘿。

我正在尝试获取iframe的内容以调整iframe的高度以显示iframe中的所有内容..

这是我借用的代码,它正在使用Safari,但它不适用于我亲爱的Chrome;

<script type="text/javascript">

function getDocHeight(doc) {

doc = doc || document;

var body = doc.body, html = doc.documentElement;

var height = Math.max( body.scrollHeight, body.offsetHeight, 

    html.clientHeight, html.scrollHeight, html.offsetHeight );

return height;

}

function setIframeHeight(id) {

var ifrm = document.getElementById(id);

var doc = ifrm.contentDocument? ifrm.contentDocument: ifrm.contentWindow.document;

ifrm.style.visibility = 'hidden';

ifrm.style.height = "10px"; 

ifrm.style.height = getDocHeight( doc ) + "px";

ifrm.style.visibility = 'visible';

}

</script>

这是iframe;

<iframe src="http://google.com/" 
iframe id="ifrm" name="ifrm" src="height1.html" 
onload="setIframeHeight(this.id)" 
frameborder="0" width="100%" height="0" >
</iframe>

谢谢:)

0 个答案:

没有答案