JavaScript 如何获取设备屏幕的高度

给定在设备上运行的HTML文档。任务是使用JavaScript查找工作屏幕设备的高度。先决条件 – 如何在JavaScript中获取设备屏幕的宽度？

示例1： 此示例使用 window.innerHeight 属性获取设备屏幕的高度。使用 innerHeight属性 返回设备的高度。

<h1 style="color:green;"> 
    GeeksforGeeks 
</h1> 
  
<p id="GFG_UP"></p> 
  
<button onclick="GFG_Fun()"> 
    click here 
</button> 
  
<p id="GFG_DOWN"></p> 
  
<!-- Script to display the device screen Height -->
<script> 
    var el_up = document.getElementById("GFG_UP"); 
    var el_down = document.getElementById("GFG_DOWN"); 
      
    el_up.innerHTML = 
    "Click on the button to get the" + 
    " Height of the device's screen"; 
      
    function GFG_Fun() { 
        var Height = window.innerHeight; 
        el_down.innerHTML = Height + " pixels"; 
    } 
</script>

输出：

示例2： 这个示例使用document.documentElement.clientHeight方法获取设备屏幕的高度。

<h1 style="color:green;"> 
    GeeksforGeeks 
</h1> 
  
<p id="GFG_UP"></p> 
  
<button onclick="GFG_Fun()"> 
    click here 
</button> 
  
<p id="GFG_DOWN"></p> 
  
<!-- Script to display the device screen Height -->
<script> 
    var el_up = document.getElementById("GFG_UP"); 
    var el_down = document.getElementById("GFG_DOWN"); 
      
    el_up.innerHTML = 
    "Click on the button to get the" + 
    " Height of the device's screen"; 
      
    function GFG_Fun() { 
        el_down.innerHTML = 
            document.documentElement.clientHeight + " pixels"; 
    } 
</script>

输出：