javascript的screen对象可以获取有关用户显示的信息以及可用的颜色像素数，它可以用于获取有关客户端屏幕功能的信息，如宽度， 高度，颜色深度等，下面我们就来具体看看screen对象的用法。
我们先来看一下screen对象的属性
screen.width：返回屏幕的宽度。
screen.height：返回屏幕的高度。
screen.availwidth：返回可用的宽度。
screen.availheight：返回可用高度。
screen.colordepth：返回颜色深度。
screen.pixeldepth：返回像素深度。
接下来我们来看这些属性的具体应用
先来看一下屏幕宽高
screen.width属性返回用户屏幕宽度（以像素为单位）。
screen.height属性返回用户屏幕高度（以像素为单位）。
具体示例如下
<head> <script type="text/javascript"> function getdimensions () { var scrwidth = document.getelementbyid ("scrwidth"); scrwidth.innerhtml = screen.width; var scrheight = document.getelementbyid ("scrheight"); scrheight.innerhtml = screen.height; } </script></head><body onload="getdimensions ();"> <h3>屏幕尺寸:</h3> width: <span id="scrwidth"></span><br /> height: <span id="scrheight"></span><br /></body>
运行结果为：
接着我们来看一下屏幕可用宽高
screen.availwidth属性返回用户屏幕宽度（以像素为单位），不包括界面功能。
screen.availheight属性返回用户屏幕高度（以像素为单位），不包括界面功能。
示例如下：
<head> <script type="text/javascript"> function getdimensions () { var availwidth = document.getelementbyid ("availwidth"); availwidth.innerhtml = screen.availwidth; var availheight = document.getelementbyid ("availheight"); availheight.innerhtml = screen.availheight; } </script></head><body onload="getdimensions ();"> <h3>可用面积尺寸:</h3> width: <span id="availwidth"></span><br /> height: <span id="availheight"></span><br /></body>
运行结果为：
最后我们来看一下屏幕颜色和像素数
screen.colordepth属性返回用于显示一种颜色的位（数字）。
screen.pixeldepth属性返回屏幕的像素深度
示例如下
<head> <script type="text/javascript"> function getdimensions () { var colordepth =document.getelementbyid("colordepth"); colordepth.innerhtml = screen.colordepth; var pixeldepth =document.getelementbyid("pixeldepth"); pixeldepth.innerhtml = screen.pixeldepth; } </script></head><body onload="getdimensions ();"> color:<span id="colordepth"></span><br /> pixel:<span id="pixeldepth"></span></body>
运行效果如下
本篇文章到这里就全部结束了，更多精彩内容大家可以关注的其他相关栏目教程！！！
以上就是screen对象怎么使用的详细内容。