iframe自適應(yīng)高度
來源:程序員人生 發(fā)布時(shí)間:2014-09-29 22:16:49 閱讀次數(shù):2169次
在做項(xiàng)目的過程中,需要用到iframe,但是iframe的高度如果寫死的話,它對應(yīng)的頁面高度都得固定,這樣不能適應(yīng)頁面內(nèi)容變化,不太靈活,所以寫了以下的方法,根據(jù)iframe對應(yīng)的頁面內(nèi)容來決定iframe的高度。
這個(gè)本人測試適應(yīng)于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>
生活不易,碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)