《js获取屏幕分辨率的方法》由会员分享,可在线阅读,更多相关《js获取屏幕分辨率的方法(2页珍藏版)》请在金锄头文库上搜索。
1、js获取屏幕分辨率的方法IE中:document.body.clientWidth=BODYdocument.body.clientHeight=BODYdocument.documentElement.clientWidth=document.documentElement.clientHeight=对象宽度对象高度可见区域宽度可见区域高度FireFox中:document.body.clientWidth=BODYdocument.body.clientHeight=BODYdocument.documentElement.clientWidth=document.documentElem
2、ent.clientHeight=对象宽度对象高度可见区域宽度可见区域高度Opera中:document.body.clientWidth=可见区域宽度document.body.clientHeight=可见区域高度document.documentElement.clientWidth=上Margin宽)document.documentElement.clientHeight上Margin高)页面对象宽度(即=页面对象高度(即BODY寸象宽度加BODY寸象高度加没有定义W3C的标准,则IE为:document.documentElement.clientWidth=0document.d
3、ocumentElement.clientHeight=0FireFox为:document.documentElement.clientWidth=上Margin宽)document.documentElement.clientHeight上Margin高)页面对象宽度(即=页面对象高度(即Opera为:document.documentElement.clientWidth=上Margin宽)页面对象宽度(即document.documentElement.clientHeight上Margin高)网页可见区域宽:=页面对象高度(即BODY寸象宽度加BODY寸象高度加BODY寸象宽度加BO
4、DY寸象高度加document.body.clientWidth网页可见区域高:document.body.clientHeight网window.screenTopwindow.screenLeftwindow.screen.heightwindow.screen.widthsHTML网页正文部分左:屏幕分辨率的高:屏幕分辨率的宽精确定位页可见区域宽:document.body.offsetWidth(document.body.offsetHeight(包括边线的宽)网页可见区域高:包括边线的高)网页正文全文宽:document.body.scrollWidth网页正文全文高:docume
5、nt.body.scrollHeight网页被卷去的高:document.body.scrollTop网页被卷去的左:document.body.scrollLeft网页正文部分上:scrollLeft,scrollWidth,clientWidth,offsetWidthscrollHeight:获取对象的滚动高度。scrollLeft:离设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标offsetParen
6、t属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置offsetTop:获取对象相对于版面或由offsetTop属性指定的父坐标的计算顶端位置event.clientX相对文档的水平座标event.clientY相对文档的垂直座标event.offsetX相对容器的水平坐标event.offsetY相对容器的垂直坐标document.documentElement.scrollTop垂直方向滚动的值相对文档的水平座标+垂直event.clientX+document.documentElement.scrollTop方向滚动的量实现代码