clientHeight,offsetHeight,scrollHeight,scrollTop等

作者: bkbtp 分类: 前端 发布时间: 2018-05-26 12:25

网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页文档宽度: document.body.offsetWidth (包括边线的宽)
网页文档高度: document.body.offsetHeight (包括边线的宽)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕分辨率的高: window.screen.height
屏幕分辨率的宽: window.screen.width
屏幕可用工作区高度: window.screen.availHeight
屏幕可用工作区宽度: window.screen.availWidth

  • offsetLeft: 当前对象到其上级层左边的距离。不能对其进行赋值.设置对象到其上级层左边的距离请用style.left属性;
  • offsetTop: 当前对象到其上级层顶部边的距离。不能对其进行赋值.设置对象到上级层顶部边的距离请用style.top属性;
  • offsetWidth: 当前对象的宽度(width+padding+border);
  • offsetHeight: 当前对象的高度(Height+padding+border);
  • scrollWidth: 获取对象的滚动宽度;
  • scrollHeight: 获取对象的滚动高度;
  • scrollLeft: 设置或获取位于对象左边界和对象中目前可见内容的最左端之间的距离(width+padding为一体);
  • scrollTop: 设置或获取位于对象最顶端和对象中可见内容的最顶端之间的距离;(height+padding为一体);
  • clientWidth: 获取对象可见内容的宽度,不包括滚动条,不包括边框;
  • clientHeight: 获取对象可见内容的高度,不包括滚动条,不包括边框;
  • clientLeft: 获取对象的border宽度;
  • clientTop: 获取对象的border高度;
  • offsetParent: 当前对象的上级层对象;

发表评论

电子邮件地址不会被公开。 必填项已用*标注

知识共享许可协议
本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。