网页可见区域方便。网页可见区域赛。

JSoffsetWidth\offsetleft <wbr>等图文解释

图片 1

网页可见区域方便: document.body.clientWidth;

网页可见区域方便: 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;

网页可见区域赛: document.body.clientHeight;

 

网页可见区域方便: document.body.offsetWidth (包括边线的财大气粗);

 

网页可见区域赛: document.body.offsetHeight (包括边线的富有);

 

网页正文全文宽: document.body.scrollWidth;

scrollHeight: 获取对象的轮转高度。

网页正文全文高: document.body.scrollHeight;

scrollLeft:设置或得到位于对象左边界及窗口中时可见内容之极致左端之间的去

网页为卷去之过人: document.body.scrollTop;

scrollTop:设置或得到位于对象极其上端和窗口中可见内容的太顶端之间的离

网页为卷去之荒唐: document.body.scrollLeft;

scrollWidth:获取对象的滚动宽度

网页正文部分及: window.screenTop;

offsetHeight:获取对象相对于版面或是因为大人坐标 offsetParent
属性指定的爹爹坐标的冲天

网页正文部分左: window.screenLeft;

offsetLeft:获取对象相对于版面或是因为 offsetParent
属性指定的爸坐标的盘算左侧位置

屏幕分辨率的大: window.screen.height;

offsetTop:获取对象相对于版面或由于 offsetTop
属性指定的大坐标的计上位置

屏幕分辨率的松: window.screen.width;

event.clientX 相对文档的程度座标

屏幕可用工作区高度: window.screen.availHeight;

event.clientY 相对文档的垂直座标

屏幕可用工作区宽度:window.screen.availWidth; 

event.offsetX 相对容器的程度坐标

scrollHeight: 获取对象的轮转高度。

event.offsetY 相对容器的直坐标

scrollLeft:设置或获得位于对象左边界和窗口被即可见内容的绝左端之间的偏离

document.documentElement.scrollTop 垂直方向滚动的价

scrollTop:设置或取位于对象极其上方和窗口中可见内容的不过上之间的偏离

event.clientX+document.documentElement.scrollTop
相对文档的程度座标+垂直方向滚动的计量

scrollWidth:获取对象的轮转宽度

  以上主要指IE之中,FireFox差异如下:

offsetHeight:获取对象相对于版面或出于爸爸坐标 offsetParent 属性指定的父坐标的莫大

IE6.0、FF1.06+:

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的翁坐标的测算左侧位置

clientWidth = width + padding

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的阿爸坐标的算计上位置

clientHeight = height + padding

event.clientX 相对文档的程度座标

offsetWidth = width + padding + border

event.clientY 相对文档的直座标

offsetHeight = height + padding + border

event.offsetX 相对容器的品位坐标

IE5.0/5.5:

event.offsetY 相对容器的垂直坐标

clientWidth = width – border

document.documentElement.scrollTop 垂直方向滚动的值

clientHeight = height – border

event.clientX+document.documentElement.scrollTop 相对文档的档次座标+垂直方向滚动的量

offsetWidth = width

上述主要指IE之中,FireFox差异如下:

offsetHeight = height

IE6.0、FF1.06+:

 

clientWidth = width + padding

HTML控件offsetTop、scrollTop等属性

假设 obj 为某个 HTML 控件。

obj.offsetTop 指 obj 距离上或上层控件的职,整型,单位像素。

obj.offsetLeft 指 obj 距离左侧或上层控件的职位,整型,单位像素。

obj.offsetWidth 指 obj 控件自身的宽窄,整型,单位像素。

obj.offsetHeight 指 obj 控件自身的惊人,整型,单位像素。

clientHeight = height + padding

offsetWidth = width + padding + border

offsetHeight = height + padding + border

IE5.0/5.5:

clientWidth = width – border

clientHeight = height – border

offsetWidth = width

offsetHeight = height

 

HTML控件offsetTop、scrollTop等属性

假设 obj 为某个 HTML 控件。

obj.offsetTop 指 obj 距离上或上层控件的位置,整型,单位像素。

obj.offsetLeft 指 obj 距离左侧或上层控件的职务,整型,单位像素。

obj.offsetWidth 指 obj 控件自身之小幅,整型,单位像素。

obj.offsetHeight 指 obj 控件自身的冲天,整型,单位像素。

 图片 2

相关文章