js—当浏览器窗口大小改变时事件

射英雄的雕

于 2013-09-04 11:56:20 发布

阅读量8.8w

点赞数 4

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/luoyejie/article/details/11045407

js 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了如何通过JavaScript实现网页元素高度随窗口大小动态调整的自适应布局，确保网页在不同设备上都能呈现出最佳视觉效果。具体介绍了使用window.onload和window.onresize事件监听来获取页面可见高度，并据此调整特定div元素高度的方法。

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

<script type="text/javascript">
			window.onload=function(){
				 changeDivHeight();
			}
			//当浏览器窗口大小改变时，设置显示内容的高度
			window.onresize=function(){
				 changeDivHeight();
			}
			function changeDivHeight(){				
				var h = document.documentElement.clientHeight;//获取页面可见高度
				document.getElementById("div_ov_y").style.height=h-140+"px";
}