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

    孜孜不倦,必能求索;风尘仆仆,终有归途。
  • 相关阅读:
    手动卸载Office2010
    css盒子模型和定位
    [转]Mysql 存储过程和函数区别
    (转载)今天面试两个人的感受
    配置apache和php mysql的一些问题
    css position[转
    drools7 (四、FactHandle 介绍)
    drools7 (三、kmodule 介绍)
    drools7 (二、agenda-group 的使用)
    drools7 (一、最简单的例子)
  • 原文地址:https://www.cnblogs.com/liyuspace/p/7768040.html
Copyright © 2011-2022 走看看