HTML DOM 屏幕对象

HTML DOM 中的Screen 对象用于检索有关访问者的信息； s 或客户端屏幕。例如屏幕的高度和宽度以及客户端屏幕的颜色分辨率。

注意：没有适用于屏幕对象的公共标准。

屏幕对象有一些属性：

• availHeight：用于返回客户端屏幕的高度，但不包括窗口任务栏。
• availWidth：用于返回客户端屏幕的宽度，但不包括windows任务栏。
• colorDepth：用于返回用于显示图像的调色板的位深度，以每像素位数为单位。
• 高度：用于返回访问者屏幕的整个高度。
• pixelDepth：用于返回访问者屏幕的颜色分辨率。
• width：用于返回访问者屏幕的整个宽度。

示例：下面的 HTML 代码返回访问者屏幕的高度和宽度。

HTML

  

    
        Returning the Screen height 
        and width Property in HTML
    
  
    
        h1 {
            color: green;
        }
  
        h2 {
            font-family: Impact;
        }
  
        body {
            text-align: center;
        }
    

  

    GeeksforGeeks
  
    
        Returning the Screen height and 
        width Property in HTML
    
      
    
        For checking the screen's total height,
        double click the "Check Height" button:
    
  
    
    
        For checking the screen's total width,
        double click the "Check width" button:
    
  
    
        Check Height
    
  
    
        Check width
    
      
    
  
    
        function check_height() {
            var h = "Total Screen Height In Pixels : "
                + screen.height;
  
            document.getElementById("height").innerHTML = h;
        }
  
        function check_width() {
            var w = "Total Screen width In Pixels : "
                + screen.width;
                  
            document.getElementById("height").innerHTML = w;
        }
    

  

输出：

示例 2：下面的 HTML 代码返回 pixelDepth 属性。

HTML

  

    
        HTML DOM Screen Object
    
      
    
        h1 {
            color: green;
        }
  
        h2 {
            font-family: Impact;
        }
  
        body {
            text-align: center;
        }
    

  

    GeeksforGeeks
  
    HTML DOM Screen Object
      
    
        For checking the screen's pixel depth,
        click the "submit" button:
    
  
    
        Submit
    
  
    
  
    
        function check_pixel_depth() {
            var r = "Pixel depth in bits per pixel : "
                + screen.pixelDepth;
                  
            document.getElementById("geeks").innerHTML = r;
        }
    

  

输出：

支持的浏览器：

• 谷歌浏览器
• IE浏览器
• 火狐
• 苹果浏览器
• 迷你歌剧