中山php|最优网络中山做网站 中山php建站

最优良人

2011/09/23 at 17:46

JS获取屏幕、浏览器、网页的宽度,高度

网页可见区域宽: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

HTML正确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth

scrollHeight: 获取东西的转动高度。

scrollLeft:设置或获取位于东西左界限和窗口中目前可见内容的最左端之间的间隔

scrollTop:设置或获取位于东西最顶端和窗口中可见内容的最顶端之间的间隔

scrollWidth:获取东西的转动宽度

offsetHeight:获取东西尽对付版面或由父坐标 offsetParent 属指定

的父坐标的高度

offsetLeft:获取东西尽对付版面或由 offsetParent 属指定的父坐标的计算左侧地位

offsetTop:获取东西尽对付版面或由 offsetTop 属指定的父坐标的计算顶端地位

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

event.clientY 尽对文档的笔挺座标

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

event.offsetY 尽对容器的笔挺坐标

document.documentElement.scrollTop 笔挺偏向转动的值

event.clientX+document.documentElement.scrollTop 尽对文档的程度座标+笔挺偏向转动的量

IE,FireFox 差别如下:

IE6.0、FF1.06+:

clientWidth = width + padding

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

标签:
-