现在的位置: 网页制作教程网站制作教程 >正文
jquery相关教程

jquery实时监测窗口变化的高度和宽度

发表于2017/3/7 网站制作教程 0条评论 ⁄ 热度 7,179℃

网页中的有些元素是通过客户端浏览器窗口尺寸进行位置定位,如果用户缩小或放大窗口,不采取窗口监听的方式,网页会显示异常,布局会错乱。

我们如何实时监测浏览窗口的高宽变化?可以用jquery中的resize实现,它能监听窗口的变化,下面是实例代码:

$(window).resize(function () {      //当浏览器大小变化时
alert($(window).height());          //浏览器时下窗口可视区域高度
alert($(document).height());        //浏览器时下窗口文档的高度
alert($(document.body).height());   //浏览器时下窗口文档body的高度
alert($(document.body).outerHeight(true)); //浏览器时下窗口文档body的总高度 包括border padding margin
});
  • 暂无评论