JS 屏幕、浏览器、网页的宽度,高度等属性介绍

发布时间:2019-10-31编辑:脚本学堂
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

您可能感兴趣的文章:
JavaScript获取页面宽度与高度的方法大全