js获取页面高度宽度

《js获取页面高度宽度》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Js获取页面高度宽度2010-04-0710:21页面尺寸：网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth(包括边线的宽)网页可见区域高：document.body.offsetHeight(包括边线的宽)网页正文全文宽：document.body.scrollWidth网页正文全文高：document.body.scrollHeight网页被卷去的高：document.body.scr

2、ollTop网页被卷去的左：document.body.scrollLeft网页正文部分上：window.screenTop网页正文部分左：window.screenLeft屏幕分辨率的高：window.screen.height屏幕分辨率的宽：window.screen.width屏幕可用工作区高度：window.screen.availHeight屏幕可用工作区宽度：window.screen.availWidthHTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidthscroll

3、Height:获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标offsetParent属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由offsetParent属性指定的父坐标的计算左侧位置offsetTop:获取对象相对于版面或由offsetTop属性指定的父坐标的计算顶端位置event.cli

4、entX相对文档的水平座标event.clientY相对文档的垂直座标event.offsetX相对容器的水平坐标event.offsetY相对容器的垂直坐标document.documentElement.scrollTop垂直方向滚动的值event.clientX+document.documentElement.scrollTop相对文档的水平座标+垂直方向滚动的量IE，FireFox差异如下：IE6.0、FF1.06+：clientWidth=width+paddingclientHeight=height+paddingoffs

5、etWidth=width+padding+borderoffsetHeight=height+padding+borderIE5.0/5.5：clientWidth=width–borderclientHeight=height–borderoffsetWidth=widthoffsetHeight=height(需要提一下：CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)———————————————对于firefox有个兼容性问题。如果想设置整个

6、网页的页面宽度用一个层遮罩住的话，要这样处理functionbrowserWidth(){  if(self.innerWidth){returnself.innerWidth;  }else{returndocument.body.clientWidth;  }  return800;}varht=browserHeight()+10+"px";document.getElementById("v_full_screen").style.position="absolute";document.getElementById("v_ful

7、l_screen").style.left="0px";document.getElementById("v_full_screen").style.top="0px";  document.getElementById("v_full_screen").style.width=wd;varscht=document.body.scrollHeight+"px";document.getElementById("v_full_screen").style.height=scht;document.getElementById("v_ful

8、l_screen").style.background="#000033";这样处理后页面的整个高度和宽度就是你浏览整个页面的高度和宽度=====================在我本地测试当