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

    孜孜不倦,必能求索;风尘仆仆,终有归途。
  • 相关阅读:
    OpenCV 简介
    无缝滚动
    Date 与 switch的运用
    js object(对象)
    arr.sort()排序方法
    删除
    评分
    延时提示框
    数字相加求和
    自定义右键菜单
  • 原文地址:https://www.cnblogs.com/liyuspace/p/7768040.html
Copyright © 2020-2023  润新知