获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码(javascript/jquery)

分类:Javascript| 发布:camnprbubuol| 查看: | 发表时间:2013/4/3

获取IE浏览器,显示窗口大小的方法:

document.body.offsetWidth; // 不包括滚动条的宽度
document.body.offsetHeight;

整个网页尺寸常用的获取方法:

document.body.scrollWidth; // 网页正文全文宽
document.body.scrollHeight; // 网页正文全文高

如果你的项目中有用到jQuery,那么操作起来更方便了:

 $(window).height(); // 浏览器窗口可视区域高度
$(document).height(); // 浏览器窗口文档的高度
$(document.body).height();// 浏览器窗口文档body的高度
$(document.body).outerHeight(true);// 浏览器窗口文档body的总高度 包括border padding margin
$(window).width(); // 浏览器窗口可视区域宽度
$(document).width();// 浏览器窗口文档对于象宽度
$(document.body).width();// 浏览器窗口文档body的高度
$(document.body).outerWidth(true);// 浏览器窗口文档body的总宽度 包括border padding margin
$(document).scrollTop(); // 获取滚动条到顶部的垂直高度
$(document).scrollLeft(); // 获取滚动条到左边的垂直宽度
365据说看到好文章不转的人,服务器容易宕机
原创文章如转载,请注明:转载自郑州网建-前端开发 http://camnpr.com/
本文链接:http://camnpr.com/archives/621.html