Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML विंडो इनरविड्थ प्रॉपर्टी

<घंटा/>

HTML Window innerWidth गुण किसी HTML दस्तावेज़ में विंडो के सामग्री क्षेत्र की चौड़ाई लौटाता है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

window.innerWidth

आइए HTML विंडो इनरविड्थ प्रॉपर्टी का एक उदाहरण देखें -

उदाहरण

<!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 innerWidth Property</h1>
<button onclick="display()" class="btn">Show window inner width</button>
<div class="show"></div>
<script>
   function display() {
      document.querySelector('.show').innerHTML = 'Window inner width is: ' + window.innerWidth + "px";
   }
</script>
</body>
</html>

आउटपुट

HTML विंडो इनरविड्थ प्रॉपर्टी

विंडो की भीतरी चौड़ाई दिखाएं . पर क्लिक करें सामग्री क्षेत्र की आंतरिक चौड़ाई प्रदर्शित करने के लिए बटन:

HTML विंडो इनरविड्थ प्रॉपर्टी


  1. एचटीएमएल डोम विंडो फ्रेम संपत्ति

    HTML DOM Window फ़्रेम प्रॉपर्टी विंडो के अनुरूप एक ऑब्जेक्ट लौटाती है, जो उसमें मौजूद सभी फ़्रेमों का प्रतिनिधित्व करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - वर्तमान विंडो में लौटने वाले फ़्रेम window.frames आइए HTML DOM विंडो फ़्रेम का एक उदाहरण देखें संपत्ति - उदाहरण <!DOCTYPE html><

  1. एचटीएमएल डोम विंडो फ्रेम एलिमेंट प्रॉपर्टी

    HTML DOM विंडो फ्रेमएलिमेंट प्रॉपर्टी उस विंडो के अनुरूप एक HTML तत्व लौटाती है जिसमें इसे एम्बेड किया गया है जैसे कि , , या । सिंटैक्स निम्नलिखित वाक्य रचना है - रिटर्निंग विंडो एम्बेडिंग एलिमेंट window.frameElement उदाहरण आइए HTML DOM विंडो फ्रेम एलीमेंट प्रॉपर्टी का एक उदाहरण देखें - <!DOCTY

  1. एचटीएमएल डोम विंडो बंद संपत्ति

    HTML DOM Window Closed प्रॉपर्टी एक बूलियन मान लौटाती है जो विंडो के बंद होने या न होने की स्थिति के अनुरूप होता है। सिंटैक्स निम्नलिखित वाक्य रचना है - बूलियन मान लौटा रहा है विंडो.बंद उदाहरण आइए HTML DOM विंडो क्लोज्ड प्रॉपर्टी का एक उदाहरण देखें - HTML DOM Window बंद हो गई var urlSelect =