📜  JavaScript 物料清单 |窗纱

📅  最后修改于: 2022-05-13 01:58:10.385000             🧑  作者: Mango

JavaScript 物料清单 |窗纱

浏览器对象模型 (BOM) 是特定于浏览器的约定,指的是 Web 浏览器公开的所有对象。 BOM 允许 JavaScript 与浏览器“交互”。
window 对象表示一个浏览器窗口及其所有相应的功能。一个窗口对象是由浏览器自己自动创建的。
Java Script 的 window.screen 对象包含有关用户屏幕的信息。它也可以写成没有窗口前缀。

特性:

  • 屏幕宽度
  • 屏幕高度
  • screen.availWidth
  • screen.availHeight
  • screen.colorDepth
  • screen.pixelDepth

  • screen.width: screen.width 属性返回用户屏幕宽度(以像素为单位)。
    
    
    
    

         

    输出 :

    The Screen width is 1600
    
  • screen.height: screen.height 属性返回用户屏幕高度(以像素为单位)。
    
    
    
      
    

         

    输出 :

    The screen height is 900
    
  • screen.availWidth: screen.availWidth 属性返回用户屏幕宽度(以像素为单位),不包括界面功能。
    
    
    
      
    

         

    输出 :

    The available screen width is 1549
    
  • screen.availHeight: screen.availHeight 属性返回用户屏幕高度(以像素为单位),不包括界面功能。
    
    
    
      
    

         

    输出 :

    The available screen height is 876
    
  • screen.colorDepth: screen.colorDepth 属性返回用于显示一种颜色的位(数字)。
    通常,24 位或 32 位硬件用于颜色分辨率。
    24 位 = 16、777、216 种不同(真彩色)
    32 位 = 4、294、967、296 种不同(深色)
    
    
    
      
    

         

    输出 :

    The screen color depth is 24
    
  • screen.pixelDepth: screen.pixelDepth 属性返回屏幕的像素深度。
    
    
    
      
    

         

    输出 :

    The screen pixel depth is 24