HTML Window outerHeight प्रॉपर्टी

विवरण

HTML Window outerHeight प्रॉपर्टी ब्राउज़र विंडो की ऊंचाई लौटाती है जिसमें सभी इंटरफ़ेस एलिमेंट शामिल होते हैं।

सिंटैक्स

window.outerHeight

उदाहरण

आइए HTML Window outerHeight प्रॉपर्टी का एक उदाहरण देखें:

<!DOCTYPE html> <html> <style> 
  body { 
    color: #000; 
    height: 100vh; 
    background-color: #8BC6EC; 
    background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%); 
    text-align: center; 
  } 
  .btn { 
    background: #db133a; 
    border: none; 
    height: 2rem; 
    border-radius: 2px; 
    width: 40%; 
    display: block; 
    color: #fff; 
    outline: none; 
    cursor: pointer; 
    margin: 1rem auto; 
  } 
  .show { 
    font-size: 1.2rem; 
  } 
</style> <body> 
<h1>HTML Window outerHeight प्रॉपर्टी</h1> 
<button onclick="display()" class="btn">ब्राउज़र विंडो ऊंचाई दिखाएं</button> 
<div class="show"></div> 
<script> 
  function display() { 
    document.querySelector('.show').innerHTML = 'ब्राउज़र विंडो ऊंचाई है: ' + window.outerHeight + "px"; 
  } 
</script> </body> </html>

आउटपुट

ब्राउज़र विंडो की ऊंचाई प्रदर्शित करने के लिए "ब्राउज़र विंडो ऊंचाई दिखाएं" बटन पर क्लिक करें जिसमें इंटरफ़ेस एलिमेंट शामिल हैं: