iframe自適應高度
來源:程序員人生 發布時間:2014-09-29 22:16:49 閱讀次數:2163次
在做項目的過程中,需要用到iframe,但是iframe的高度如果寫死的話,它對應的頁面高度都得固定,這樣不能適應頁面內容變化,不太靈活,所以寫了以下的方法,根據iframe對應的頁面內容來決定iframe的高度。
這個本人測試適應于ie,火狐瀏覽器。
<iframe src="a.html" id="iframe"
frameBorder="0" marginheight="0" marginwidth="0" width="500px"
height="100%" scrolling="no" name="iframe"
onLoad="getHeight()"> </iframe>
<script type="text/javascript" language="javascript">
function getHeight() {
var ifm = document.getElementById("iframe");
var subWeb = document.frames ? document.frames["iframe"].document
:
ifm.contentDocument;
if (ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight;
}
}
</script>
生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈