• 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:浏览器相对于屏幕左上角的纵向偏移值

    孜孜不倦,必能求索;风尘仆仆,终有归途。
  • 相关阅读:
    C#窗体操作的小技巧
    C#操作Xml
    Path类对路径字符串的操作
    Google Maps 基础
    C#时间操作总结
    根据地理坐标计算瓦片行列号
    使用VBA宏批量修改表格
    检测到在集成的托管管道模式下不适用的ASP.NET设置的解决方法
    Asp.net实现URL重写
    VS2013利用ajax访问不了json文件——VS2013配置webconfig识别json文件
  • 原文地址:https://www.cnblogs.com/liyuspace/p/7768040.html
Copyright © 2020-2023  润新知