JavaScript |窗口 innerWidth 和 innerHeight 属性

JavaScript 中的 innerWidth 属性返回窗口内容区域的宽度，innerHeight 属性返回窗口内容区域的高度。

句法：

window.innerWidth
window.innerHeight

参数：不需要任何参数。

返回值：它返回一个数字，表示窗口内容区域的宽度和高度。

注意：对于 IE 8 ie (Internet Edg 8) 或更早版本，使用 clientWidth 和 clientHeight 来获取窗口的宽度和高度。

例子：

     
          Browser Inner width and height
          
            body{
                text-align:center;
            }
            .gfg {
                font-size:40px;
                font-weight:bold;
                color:green;
            }
          
     
     
     GeeksforGeeks
     Browser Window
     
     
          var Width, Height, result;
  
          // height and width of Browser window
          Width = window.innerWidth || document.documentElement.clientWidth
                  || document.body.clientWidth;
  
          Height = window.innerHeight || document.documentElement.clientHeight
                  || document.body.clientHeight;
          // Display Width and Height.
          result = document.getElementById("demo");
          result.innerHTML = "Browser inner width: " + Width +
                              "<br>Browser inner height: " + Height;
  
     

输出：