首页 > 代码库 > 网页Screen width、height、availWidth、availHeight属性

网页Screen width、height、availWidth、availHeight属性

2024-08-14 06:56:20   214人阅读

*screen.width

　　功能：声明了显示浏览器的屏幕的宽度，以像素计。

　　语法：screen.width

*screen.height

　　功能：声明了显示浏览器的屏幕的可用宽度，以像素计。

　　语法：screen.availWidth

 

*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

网页Screen width、height、availWidth、availHeight属性


联系
我们