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

जावास्क्रिप्ट में स्क्रीन की चौड़ाई और ऊंचाई कैसे प्राप्त करें?


जावास्क्रिप्ट ने window.screen प्रदान किया है ऑब्जेक्ट जिसमें उपयोगकर्ता की स्क्रीन के बारे में जानकारी होती है। जानकारी में ऊंचाई और चौड़ाई, और कई अन्य विशेषताएं शामिल हैं। स्क्रीन की ऊंचाई और चौड़ाई का पता लगाने के लिए जावास्क्रिप्ट द्वारा प्रदान की जाने वाली विधियां हैं screen.height और स्क्रीन.चौड़ाई क्रमशः।

ऊंचाई-वाक्यविन्यास

scree.height;

चौड़ाई-वाक्यविन्यास

scree.width;

उदाहरण

निम्न उदाहरण में, स्क्रीन की चौड़ाई स्क्रीन.चौड़ाई . का उपयोग करके प्रदर्शित की जाती है विधि।

<html>
<body>
<p id="width"> </p>
   <script>
      document.getElementById("width").innerHTML =
      "Screen width is " + screen.width;
   </script>
</body>
</html>

आउटपुट

1366

उदाहरण

निम्नलिखित उदाहरण में, स्क्रीन की ऊंचाई screen.height . का उपयोग करके प्रदर्शित की जाती है विधि।

<html>
<body>
   <p id="height"> </p>
   <script>
      document.getElementById("height").innerHTML =
      "Screen heigth is " + screen.height;
   </script>
</body>
</html>

आउटपुट

768

  1. मैं एंड्रॉइड डिवाइस स्क्रीन ऊंचाई, चौड़ाई कैसे प्राप्त कर सकता हूं?

    यह उदाहरण दर्शाता है कि मैं एंड्रॉइड डिवाइस की स्क्रीन की ऊंचाई, चौड़ाई कैसे प्राप्त करूं। चरण 1 - एंड्रॉइड स्टूडियो में एक नया प्रोजेक्ट बनाएं, फाइल ⇒ न्यू प्रोजेक्ट पर जाएं और एक नया प्रोजेक्ट बनाने के लिए सभी आवश्यक विवरण भरें। चरण 2 - निम्न कोड को res/layout/activity_main.xml में जोड़ें।

  1. android.widget.ImageView की ऊंचाई और चौड़ाई कैसे प्राप्त करें?

    यह उदाहरण दर्शाता है कि मैं android.widget.ImageView की ऊंचाई और चौड़ाई को android में कैसे प्राप्त करूं। चरण 1 - एंड्रॉइड स्टूडियो में एक नया प्रोजेक्ट बनाएं, फाइल ⇒ न्यू प्रोजेक्ट पर जाएं और एक नया प्रोजेक्ट बनाने के लिए सभी आवश्यक विवरण भरें। चरण 2 - निम्न कोड को res/layout/activity_main.xml मे

  1. मैं एंड्रॉइड नेविगेशन बार की ऊंचाई और चौड़ाई प्रोग्रामेटिक रूप से कैसे प्राप्त करूं?

    यह उदाहरण दर्शाता है कि मैं प्रोग्रामेटिक रूप से एंड्रॉइड नेविगेशन बार की ऊंचाई और चौड़ाई कैसे प्राप्त करूं। चरण 1 - एंड्रॉइड स्टूडियो में एक नया प्रोजेक्ट बनाएं, फाइल ⇒ न्यू प्रोजेक्ट पर जाएं और एक नया प्रोजेक्ट बनाने के लिए सभी आवश्यक विवरण भरें। चरण 2 - निम्न कोड को res/layout/activity_main.xml