学步园

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