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

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

教程推荐

AI 绘画创作入门课 -〔西瓜〕

结构会议力 -〔李忠秋〕

流程型组织15讲 -〔蒋伟良〕

成为AI产品经理 -〔刘海丰〕

DevOps实战笔记 -〔石雪峰〕

说透中台 -〔王健〕

玩转webpack -〔程柳锋〕

Java性能调优实战 -〔刘超〕

左耳听风 -〔陈皓〕

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