JavaScript Screen对象保存浏览器屏幕信息。可用于显示屏幕的width宽度,height高度,colorDepth,pixelDepth等。

Screen屏幕对象是window属性,因此可以通过以下方式访问它:

window.screen

要么,

Screen对象属性

Screen对象有许多属性,可返回浏览器的信息。

编号属性说明
1width返回屏幕宽度
2height返回屏幕的高度
3 availWidth返回可用宽度
4 availHeight返回可用高度
5 colorDepth返回颜色深度
6 pixelDepth返回像素深度。

让我们看看屏幕对象的不同用法。

<script>
document.writeln("<br/>screen.width: "+screen.width);
document.writeln("<br/>screen.height: "+screen.height);
document.writeln("<br/>screen.availWidth: "+screen.availWidth);
document.writeln("<br/>screen.availHeight: "+screen.availHeight);
document.writeln("<br/>screen.colorDepth: "+screen.colorDepth);
document.writeln("<br/>screen.pixelDepth: "+screen.pixelDepth);
</script>
输出:
screen.width: 1366 
screen.height: 768 
screen.availWidth: 1366 
screen.availHeight: 728 
screen.colorDepth: 24 
screen.pixelDepth: 24

这一章你学到了什么?来做个笔记,好记忆不如烂笔头! 如果觉得对您有帮助,麻烦帮分享给您的朋友😊😊

祝学习愉快!(如果觉得不正确,选中要修改的内容->右键->编辑)

点我分享笔记