JavaScript - Screen

JavaScript - Screen 首页 / JavaScript入门教程 / JavaScript - Screen

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

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

技术与商业案例解读 -〔徐飞〕

硅谷产品实战36讲 -〔曲晓音〕

持续交付36讲 -〔王潇俊〕

Go语言从入门到实战 -〔蔡超〕

Linux实战技能100讲 -〔尹会生〕

Serverless入门课 -〔蒲松洋(秦粤)〕

如何看懂一幅画 -〔罗桂霞〕

手把手带你搭建秒杀系统 -〔佘志东〕

手把手带你写一个MiniSpring -〔郭屹〕

好记忆不如烂笔头。留下您的足迹吧 :)