JS基本语法-JavaScript中的常用对象7-screen对象，获取计算机的显示特性，包括宽度，高度等

原创

已于 2022-01-29 11:49:50 修改 · 2.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #屏幕大小 #screen #屏幕颜色

于 2022-01-29 11:48:20 首次发布

简介：

screen对象描述了用户计算机中的各种显示相关的特性，例如，屏幕像素高度，宽度，颜色深度，可用屏幕区域大小等。

screen对象的最常用的使用场景是：

需要适配不同的显示比例时。

程序举例：

从通过screen对象获取屏幕参数信息。

screen.js

function getScreenParam(){
  console.log(navigator.userAgent);

  var h = screen.height;
  var w = screen.width;
  var colorDepth = screen.colorDepth;
  var res= "高度：" + h + ";   宽度：" + w + ";   颜色深度：" + colorDepth;
  document.getElementById("screen_data").innerHTML = res;
  
}

screen.html:

<!DOCTYPE html>
<html>
<body>
	<script src="./screen.js"></script>

<h1>window.screen对象的属性</h1>
<p id="screen_data"></p>

<script>
	getScreenParam();
</script>
</body>
</html>

运行结果（我的浏览器中的运行结果如下）：