zoukankan      html  css  js  c++  java
  • 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]) 

  • 相关阅读:
    c#中out与ref的用法与区别
    一次不该出现的bug
    js弹出蒙版
    foreach中不能修改元素的值
    C#中使用正则表达式来过滤html字符
    细微之处才能显示水平
    js画直线 拓荒者
    XSLT模板转换XML文档 拓荒者
    怪异的JavaScript Date对象 拓荒者
    [转]C++ 笔记点滴 拓荒者
  • 原文地址:https://www.cnblogs.com/lifeisshort/p/4866852.html
Copyright © 2011-2022 走看看