2012年9月8日 星期六
解決iframe無法自動調整高度的方法-分享2U
iframe在網頁應用相當的廣泛,
但由於先天的限制下,iframe高度以及寬度都只能依所設定的大小為主
其實經過後天調整,也能讓iframe依載入網頁內容的多寡自動調整框架大小的喔!
熱心大大們在網路上分享的方法如下:
一、iframe.html
<iframe frameborder="0" src="source.html" id="frameid"></iframe>
二、source.html(以下兩種寫法2選1,加在<head>…</head>之間)
<script language="javascript">
function reSize(){parent.document.all.frameid.height=document.body.scrollHeight;}
window.onload=reSize;
</script>
<script language="javascript">
function reSize(){parent.document.getElementById("frameid").height=document.body.scrollHeight;}
window.onload=reSize;
</script>
訂閱:
文章 (Atom)