jQuery中宽度和高度的用法区别...........

通过jQuery处理浏览器窗口和元素的尺寸

方法如下：

width()  和  height()

注：设置或者返回（当为一般元素时）的宽高（不包括内边距，边框，和外边距）

innerWidth()  和  innerHeight()

注：返回（当为一般元素时）的宽高（包括内边距）

outerWidth()  和  outerHeight()

注：返回（当为一般元素时）的宽高（包括内边距，边框）；当outerWIdth(true) 和 outerHeight（true）时，返回（当为一般 元素时）的宽高（包括内边距，边框，外边距）

以上方法：都是通过数字设置或者返回的结果为数字，如  element.width(20)  或者  element.width("20px") .

Window对象和document对象

alert($(window).width())、alert($(window).height()); //浏览器时下窗口可视区域宽 、高

注：经过本地浏览器测试，仅仅IE下为可视区的宽高，其他浏览器为滚动条里内容的全部宽高

alert($(document).width())、alert($(document).height()); //浏览器时下窗口文档的宽 、高

注：经过本地浏览器测试，为浏览器滚动条里内容的全部宽高

alert($(document.body).width())、alert($(document.body).height());//浏览器时下窗口文档body的宽 、高

注：与$(document.body).outerWidth(true)的区别为：不包括body默认下的padding值

alert($(document.body).outerWidth(true))、alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的宽 、高； 包括border padding margin

注：经过本地浏览器测试，为浏览器滚动条里内容的全部宽高

alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度

alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度