设置有iframe的页面根据窗口大小自动调整大小

最新推荐文章于 2020-12-24 18:45:07 发布

hjjk888

最新推荐文章于 2020-12-24 18:45:07 发布

阅读量1.9k

点赞数 1

分类专栏：样式 js 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/hjjk888/article/details/84018219

版权

js 同时被 2 个专栏收录

31 篇文章 0 订阅

订阅专栏

样式

20 篇文章 0 订阅

订阅专栏

有时页面会出现莫名的不能占满页面的情况


window.onload=function(){
	    var height=document.documentElement.clientHeight;
	    document.getElementById('left_area_id').style.height=height-2+"px";
	    document.getElementById('right_area_id').style.width=document.documentElement.clientWidth-266+"px";
	    document.getElementById('right_area_id').style.height=height-2+"px";//parentFrame
	     document.getElementById('parentFrame').style.height=height-2+"px";
	    window.onresize=function(){
	    	document.getElementById('right_area_id').style.width=document.documentElement.clientWidth-266+"px";
	    }
}

也要同时设置iframe的大小