js获取屏幕高度 js屏幕属性信息

发布时间:2020-11-17编辑:脚本学堂
本文介绍了js获取屏幕高度的方法,一些常用的屏幕属性信息,有需要的朋友做个参考。

javascript中,可以用如下属性取得屏幕或浏览器的相关信息:
网页可见区域宽: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
(注意:css中的margin属性,与clientwidth、offsetwidth、clientheight、offsetheight均无关)

js获取屏幕高度与宽度
js与jquery获取屏幕宽度与高度
js 获取浏览器与屏幕宽高信息
js获取屏幕宽度高度 js中window.open用法
JS和jquery获取浏览器屏幕的宽度与高度
js获取浏览器屏幕宽高的方法(浏览器兼容)
JS获取屏幕、浏览器窗口大小、网页高度宽度的方法详解
JS 屏幕、浏览器、网页的宽度,高度等属性介绍