首页 > 其他 > 详细

DOM

时间:2016-08-31 23:53:54      阅读:301      评论:0      收藏:0      [点我收藏+]

1、各类位置

 (1)screen:
  width:返回显示器屏幕的宽度;height:返回显示屏幕的高度。
  availWidth:返回显示屏幕的宽度 (除 Windows 任务栏之外);availHeight:返回显示屏幕的高度 (除 Windows 任务栏之外)。

 (2)元素:

  offset有四个(只读):
  offsetHeight:元素垂直高度(包括content、padding、border)、offsetWidth元素水平宽度(包括content、padding、border),
  offsetTop:元素上外边框和包含元素的上内边框之间距离、offsetLeft:元素左外边框和包含元素的左内边框之间距离,
  offsetParent:包含元素的父元素;

  client只有两个:
  只读:clientHeight(包括content、padding)、clientWidth(包括content、padding);

  scroll有四个:
  只读:scrollHeight(无滚动条下元素内容总高度)(包括content、padding)、scrollWidth(无滚动条下元素内容总宽度)(包括content、padding),
  可以设置或读取:scrollTop(被隐藏在滚动条上方内容的像素数)、scrollLeft(被隐藏在滚动条左侧内容的像素数)

 (3)鼠标:

  相对于浏览器视口:
  clientX, clientY,
  相对于页面(包括滚动)
  pageX, pageY,
  相对于屏幕:
  screenX, screenY

DOM

原文:http://www.cnblogs.com/buptqiaoge/p/5827945.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!