对于前端开发者来说,div 窗口高度的控制是一个很重要的技能,以此来达到网页布局的合理化和美观化。而使用 jQuery 来控制 div 窗口高度则是一种非常简单而且实用的方法。
$(document).ready(function(){ var windowHeight = $(window).height(); //获取浏览器窗口高度 var headerHeight = $('header').height(); //获取头部高度 var footerHeight = $('footer').height(); //获取底部高度 var contentHeight = windowHeight - headerHeight - footerHeight; //计算内容高度 $('div.content').height(contentHeight); //将计算出的内容高度赋值给内容区块 });
上面这段代码,首先声明一个 ready 函数,使得文档加载完毕后再执行后面的代码,防止由于加载较慢导致代码无法执行的情况发生。然后通过 $ 函数获取浏览器窗口高度,以及头部和底部的高度,最后计算出内容区块的高度并赋值给对应的 div。
这样,你就可以非常方便地通过 jQuery 控制 div 窗口高度了,让你的网页布局更加美观、舒适。