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

最新推荐文章于 2024-07-14 11:54:09 发布

原创最新推荐文章于 2024-07-14 11:54:09 发布 · 8.8w 阅读

10 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

1 篇文章

订阅专栏

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

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