Luke's home Luke's home
首页
  • 前端文章

    • JavaScript
页面
技术
更多
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Luke xiao

K
首页
  • 前端文章

    • JavaScript
页面
技术
更多
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • javascript

    • 基础知识
    • 进阶知识

    • 函数

    • JS HTML DOM

    • JS 高级教程

    • 浏览器BOM

      • JavaScript Window - 浏览器对象模型
      • JavaScript Window Screen
        • Window Screen
        • 所有可用属性
      • JavaScript Window Location
      • JavaScript Window History
      • JavaScript Window Navigator
      • JavaScript 弹窗
      • JavaScript 计时事件
      • JavaScript Cookie
    • HTML5新特性

    • CSS3新特性

  • 布局

  • less

  • js库

  • 前端
  • javascript
  • 浏览器BOM
lukexiao
2021-05-04

JavaScript Window Screen

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

# Window Screen

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

一些属性:

  • screen.availWidth - 可用的屏幕宽度
  • screen.availHeight - 可用的屏幕高度
<script>
document.write("可用宽度: " + screen.availWidth);
document.write("可用宽度: " + screen.availHeight);
</script>
1
2
3
4

# 所有可用属性

<script>
document.write("总宽度/高度: ");
document.write(screen.width + "*" + screen.height);
document.write("<br>");
document.write("可用宽度/高度: ");
document.write(screen.availWidth + "*" + screen.availHeight);
document.write("<br>");
document.write("色彩深度: ");
document.write(screen.colorDepth);
document.write("<br>");
document.write("色彩分辨率: ");
document.write(screen.pixelDepth);
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
编辑 (opens new window)
上次更新: 2021/08/13, 23:21:49
JavaScript Window - 浏览器对象模型
JavaScript Window Location

← JavaScript Window - 浏览器对象模型 JavaScript Window Location→

最近更新
01
流式布局
08-13
02
flex布局
08-13
03
rem布局
08-13
更多文章>
Theme by Vdoing | Copyright © 2021-2021 Evan Xu | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式