iframe设置高度

设置iframe的高度为百分比时会失效解决

思路:我获取整个页面的高度,再减去其他标签的高度就可以得到iframe的高。

/* *** iframe高度初始化 *** */
$(function(){
	var topMenu = window.document.getElementById('topMenu'); //顶层菜单
	var ifm = document.getElementById("icontent"); //iframe
	var ifoot = document.getElementById("ifoot"); //脚部
	var icontentheader = document.getElementById("icontent-header");//其他影响高度的标签
	//设置iframe的高度 = 整个页面高度 -(顶层菜单高度+脚步高度+其他影响高度的标签)
	ifm.height = document.documentElement.clientHeight
				- topMenu.offsetHeight
				- ifoot.offsetHeight
				- icontentheader.offsetHeight;
});
/* *** 窗口大小监听
页面自适应实现,iframe应该随着浏览器 高度宽度 变化而变化
 *** */
window.onresize=function(){  
	var topMenu = window.document.getElementById('topMenu');
	var ifm = document.getElementById("icontent");
	var ifoot = document.getElementById("ifoot");
	var icontentheader = document.getElementById("icontent-header");
	ifm.height = document.documentElement.clientHeight
				- topMenu.offsetHeight
				- ifoot.offsetHeight
				- icontent-header.offsetHeight;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值