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;
}