炫意html5
最早CSS3和HTML5移动技术网站之一

Javascript BOM – js Window Screen

JavaScript Window Screen

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

Window Screen

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

一些属性:

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

Window Screen 可用宽度

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

实例

返回您的屏幕的可用宽度:

<script>
document.write("可用宽度:" + `screen.availWidth`);
</script>

以上代码输出为:

<script>document.write("可用宽度:" + screen.availWidth);</script>可用宽度:1366

Window Screen 可用高度

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

实例

返回您的屏幕的可用高度:

<script>
document.write("可用高度:" + `screen.availHeight`);
</script>

以上代码输出为:

<script>document.write("可用高度:" + screen.availHeight);</script>可用高度:768

炫意HTML5 » Javascript BOM – js Window Screen

CSS3教程HTML5教程