JavaScriptScreen

JavaScriptScreen 首页 / JavaScript入门教程 / JavaScriptScreen

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

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

window.screen

要么,

无涯教程网

链接:https://www.learnfk.comhttps://www.learnfk.com/javascript/javascript-screen.html

来源:LearnFk无涯教程网

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

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

教程推荐

手写 Python 虚拟机 -〔海纳〕

高并发系统实战课 -〔徐长龙〕

深入浅出可观测性 -〔翁一磊〕

说透芯片 -〔邵巍〕

OAuth 2.0实战课 -〔王新栋〕

后端存储实战课 -〔李玥〕

接口测试入门课 -〔陈磊〕

Elasticsearch核心技术与实战 -〔阮一鸣〕

透视HTTP协议 -〔罗剑锋(Chrono)〕

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