window.innerheight 返回窗口的文档显示区的高度,不包括菜单栏、工具栏以及滚动条等的高度。
window.innerwidth 返回窗口的文档显示区的宽度,不包括菜单栏、工具栏以及滚动条等的宽度。
window.screen.height 屏幕分辨率的高
window.screen.width 屏幕分辨率的宽
window.screen.availHeight 返回屏幕可用区域高度,对于pc会减去任务栏的高度
window.screen.availWidth 返回屏幕可用区域宽度
document.body.scrollHeight 整个网页的高度,包括滚动区域
document.body.scrollWidth 整个网页的宽度,包括滚动区域
HtmlElement.scrollTop 它返回当前元素相对于其 offsetParent
元素的顶部的距离,offsetParent元素是指含有定位的父元素。
documenr.body.scrollTop 表示最外面滚动条的高度。
document.body.offHeight 它返回当前元素相对于其 offsetParent
元素的顶部的距离。
如果要求某元素的高度,可以对该元素以及该元素的offsetParent以及该元素的offsetParent的offsetParent的offsetTop求和,和的结果就是该元素的高度。
jquery
$().height() 用于获取或者设置高度,该高度不包括padding,border和margin
$().width()
$().innerHeight() 获取第一个匹配元素内部区域高度(包括padding、不包括border,margin)。此方法对可见和隐藏元素均有效。
$().innerWidth()
$().outerHeight([option]) option为true时,计算元素的高度,包括padding,border和margin,没有参数或者设置option为false时,计算元素的高度时,仅仅包括padding和border
$().outerWidth([option])