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

最新推荐文章于 2023-12-08 19:40:08 发布

hjjk888

最新推荐文章于 2023-12-08 19:40:08 发布

阅读量1.9k

点赞数 1

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

本文链接：https://blog.youkuaiyun.com/hjjk888/article/details/84018219

版权

js 同时被 2 个专栏收录

31 篇文章

订阅专栏

样式

20 篇文章

订阅专栏

本文探讨了在网页开发中遇到的布局不完整问题，并提供了解决方案，通过使用JavaScript动态调整元素尺寸来确保页面元素完全占据空间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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


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的大小