如何在 JavaScript 中获取设备屏幕的宽度？

给定一个在设备上运行的 HTML 文档。任务是使用 JavaScript 查找工作屏幕设备的宽度。

示例 1：本示例使用 window.innerWidth 来获取设备屏幕的宽度。 innerWidth 属性用于返回设备的宽度。

 
 
     
         
            How to get the device screen width in JavaScript ?
        
     
      
     
      
         
            GeeksForGeeks
        
      
        
        
          
        
            click here
        
          
        
        
          
        
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
              
            el_up.innerHTML = "Click on the button to get the"
                    + " width of the device's screen"; 
              
            function GFG_Fun() {
                var width = window.innerWidth;
                el_down.innerHTML = width + " pixels";
            }
         
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：本示例使用 document.documentElement.clientWidth 方法获取设备屏幕的宽度。

 
 
     
         
            How to get the device screen width in JavaScript ?
        
     
      
     
      
         
            GeeksForGeeks
        
      
        
        
          
        
            click here
        
          
        
        
          
        
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
              
            el_up.innerHTML = "Click on the button to get the"
                    + " width of the device's screen"; 
              
            function GFG_Fun() {
                el_down.innerHTML =
                    document.documentElement.clientWidth + " pixels";
            }
         
     

输出：

• 在点击按钮之前：
  
• 点击按钮后：