网页Screen widthheightavailWidthavailHeight属性

Posted 2020-08-09 深知你是梦

*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