zoukankan      html  css  js  c++  java
  • JS获取浏览器中的各种宽高值

    width:

    clientWidth:对象实际内容的宽度,不包含边线,最大不超过视口宽度 
    offsetWidth:对象实际宽度,包含边线,最大不超过视口宽度 
    scrollWidth:对象实际宽度,不包含边线,可超过视口宽度

    height:(都可超过视口高度)

    clientHeight:对象实际内容的高度,不包含边线 
    offsetHeight:对象实际高度,包含边线 
    scrollHeight:对象实际高度,不包含边线。如果对象为body,大于视口时为实际高度,小于视口时为视口高度

    分辨率宽高:

    window.screen.width:屏幕分辨率宽度 
    window.screen.height:屏幕分辨率高度 
    window.screen.availWidth:屏幕工作区宽度 
    window.screen.availHeight:屏幕工作区高度(不包含windows底边栏)

    滚动距离:

    scrollTop:对象被卷去的高度 
    scrollLeft:对象被卷去的宽度

    偏移值:

    event.clientX:相对文档的横向偏移值 
    event.clientY:相对文档的纵向偏移值 
    event.offsetX:相对当前对象的横向偏移值 
    event.offsetY:相对当前对象的纵向偏移值 
    offsetLeft:相对父元素的横向偏移值 
    offsetTop:相对父元素的纵向偏移值 
    window.screenTop:浏览器相对于屏幕左上角的横向偏移值 
    window.screenLeft:浏览器相对于屏幕左上角的纵向偏移值

    孜孜不倦,必能求索;风尘仆仆,终有归途。
  • 相关阅读:
    开始Flask项目
    夜间模式的开启与关闭,父模板的制作
    从首页问答标题到问答详情页
    首页列表显示全部问答,完成问答详情页布局
    制作首页的显示列表
    发布功能完成
    登录之后更新导航
    完成登录功能,用session记住用户名
    完成注册功能
    通过用户模型,对数据库进行增删改查操作
  • 原文地址:https://www.cnblogs.com/liyuspace/p/7768040.html
Copyright © 2011-2022 走看看