网页中的有些元素是通过客户端浏览器窗口尺寸进行位置定位,如果用户缩小或放大窗口,不采取窗口监听的方式,网页会显示异常,布局会错乱。
我们如何实时监测浏览窗口的高宽变化?可以用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 });
声明:如需转载,请注明来源于www.webym.net并保留原文链接:http://www.webym.net/jiaocheng/746.html