JS Window Screen

声明

该文部分代码和内容节选自菜鸟教程，仅用作个人学习，特此声明

链接：https://www.runoob.com/

JS Window Screen

window.screen 对象包含有关用户屏幕的信息。

1、关于 Window Screen

window.screen对象在编写时可以不使用 window 这个前缀。

Window.Screen的一些属性：

  • screen.availWidth - 可用的屏幕宽度
  • screen.availHeight - 可用的屏幕高度

2、Screen 可用宽度

screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏。

document.write("可用宽度: " + screen.availWidth);	//1536

3、Screen 可用高度

screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如窗口任务栏。

document.write("可用高度: " + screen.availHeight);	//824

4、Screen 属性实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Screen属性练习</title>
</head>
<body>

<h3>你的屏幕:</h3>
<script>
document.write("总宽度*高度: ");
document.write(screen.width + "*" + screen.height);//总宽度*高度: 1536*864
document.write("<br>");
document.write("可用宽度*高度: ");
document.write(screen.availWidth + "*" + screen.availHeight);//可用宽度*高度: 1536*824
document.write("<br>");
document.write("色彩深度: ");
document.write(screen.colorDepth);//色彩深度: 24
document.write("<br>");
document.write("色彩分辨率: ");
document.write(screen.pixelDepth);//色彩分辨率: 24
</script>

</body>
</html>
posted @ 2022-05-09 17:58  无关风月7707  阅读(79)  评论(0)    收藏  举报