JavaScript 物料清单 |窗纱

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

特性：

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

• screen.width： screen.width 属性返回用户屏幕宽度（以像素为单位）。

    
  
  document.getElementById("GFG").innerHTML = 
  " The Screen width is " + screen.width;
  
    

  输出 ：

  The Screen width is 1600
  

• screen.height： screen.height 属性返回用户屏幕高度（以像素为单位）。

    
  
    
  
  document.getElementById("GFG").innerHTML = 
  " The screen height is " + screen.height;
  
    

  输出 ：

  The screen height is 900
  

• screen.availWidth： screen.availWidth 属性返回用户屏幕宽度（以像素为单位），不包括界面功能。

    
  
    
  
  document.getElementById("GFG").innerHTML = 
  "The available screen width is " + screen.availWidth;
  
    

  输出 ：

  The available screen width is 1549
  

• screen.availHeight： screen.availHeight 属性返回用户屏幕高度（以像素为单位），不包括界面功能。

    
  
    
  
  document.getElementById("GFG").innerHTML = 
  "The available screen height is " + screen.availHeight;
  
    

  输出 ：

  The available screen height is 876
  

• screen.colorDepth： screen.colorDepth 属性返回用于显示一种颜色的位（数字）。
  通常，24 位或 32 位硬件用于颜色分辨率。
  24 位 = 16、777、216 种不同（真彩色）
  32 位 = 4、294、967、296 种不同（深色）

    
  
    
  
  document.getElementById("GFG").innerHTML = 
  "The screen color depth is " + screen.colorDepth;
  
    

  输出 ：

  The screen color depth is 24
  

• screen.pixelDepth： screen.pixelDepth 属性返回屏幕的像素深度。

    
  
    
  
  document.getElementById("GFG").innerHTML = 
  "The screen pixel depth is " + screen.pixelDepth;
  
    

  输出 ：

  The screen pixel depth is 24