Screen width、height、availWidth、availHeight属性

原帖地址：http://www.cnblogs.com/baixiaoxu/archive/2009/08/06/2023918.html 

 

Screen width、height、availWidth、availHeight属性

screen.width 功能：声明了显示浏览器的屏幕的宽度，以像素计。 语法：screen.width screen.height 功能：声明了显示浏览器的屏幕的高度，以像素计。 语法：screen.height screen.availWidth 功能：声明了显示浏览器的屏幕的可用宽度，以像素计。 语法：screen.availWidth screen.availHeight 功能：声明了显示浏览器的屏幕的可用高度，以像素计。这个可用高度不包括分配给半永久特性（如屏幕底部的任务栏）的垂直空间。 语法：screen.availHeight 实例1 获取浏览器的宽度、高度、可用宽度、可用高度。 <script type="text/javascript"> document.write( "屏幕宽度："+ screen.width+"px<br />" ); document.write( "屏幕高度："+ screen.height+"px<br />" ); document.write( "屏幕可用宽度："+ screen.availWidth+"px<br />" ); document.write( "屏幕可用高度："+ screen.availHeight+"px" ); </script> 这段代码的效果为： 屏幕宽度：1440px 屏幕高度：900px 屏幕可用宽度：1440px 屏幕可用高度：870px 网页可见区域宽： 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