css 各种高度和宽度

css 各种高度和宽度

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]) 

 

posted on 2015-10-10 14:46  梦见世界 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/lifeisshort/p/4866852.html