JavaScript | Свойства окна innerWidth и innerHeight

Опубликовано: 13 Декабря, 2021

Свойство innerWidth в JavaScript возвращает ширину, а свойство innerHeight возвращает высоту области содержимого окна.

Синтаксис:

 window.innerWidth
window.innerHeight

Параметр: не требует никаких параметров.

Возвращаемое значение: возвращает число, представляющее ширину и высоту области содержимого окна.

Примечание. Для IE 8, т.е. (Internet Edg 8) или более ранней версии, используйте clientWidth и clientHeight, чтобы получить ширину и высоту окна.

Пример:

 <!DOCTYPE html>
 <html>
     <head>
          <title>Browser Inner width and height</title>
          <style>
            body{
                text-align:center;
            }
            .gfg {
                font-size:40px;
                font-weight:bold;
                color:green;
            }
          </style>
     </head>
     <body>
     <div class = "gfg" >GeeksforGeeks</div>
     <h2>Browser Window</h2>
     <p id= "demo" ></p>
     <script>
          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;
 
     </script>
 </body>
 </html>

Выход:

JavaScript Web технологии

JavaScript | Свойства окна innerWidth и innerHeight

РЕКОМЕНДУЕМЫЕ СТАТЬИ