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

कैसे जावास्क्रिप्ट में गतिशील चौड़ाई (सीएसएस द्रव लेआउट) के बराबर ऊंचाई निर्धारित करने के लिए?


जावास्क्रिप्ट में ऊंचाई को गतिशील चौड़ाई के बराबर सेट करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं -

उदाहरण

<!DOCTYPE html>
<html>
   <head>
      <style>
         .wrap {
            width:400px;
            height:300px;
            border:2px solid yellow;
         }
         .myChild{
            width: 80%;
            border:1px solid red;
         }
      </style>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
      </script>
      <script>
         var res = $('.myChild').width();
         $('.myChild').css({
            'height': res + 'px'
         });
      </script>
   </head>
   <body>
      <div class = "wrap">
         <div class = "myChild"></div>
      </div>
   </body>
</html>

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

    विंडो.स्क्रीन ऑब्जेक्ट ने ब्राउज़र स्क्रीन के बारे में जानकारी प्राप्त करने के लिए कई सुविधाएँ प्रदान की हैं। इसने screen.availWidth . प्रदान किया है और Screen.availHeight उपलब्ध ऊंचाई . प्राप्त करने के लिए और उपलब्ध चौड़ाई स्क्रीन की। आइए उन पर अलग-अलग चर्चा करें। उपलब्ध चौड़ाई उदाहरण स्क्रीन.avai

  1. जावास्क्रिप्ट में किसी तिथि का दिन कैसे सेट करें?

    जावास्क्रिप्ट में दिनांक का दिन निर्धारित करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title&

  1. टिंकर में लेबल विजेट की ऊंचाई/चौड़ाई कैसे सेट करें?

    लेबल विजेट का उपयोग एप्लिकेशन में टेक्स्ट और छवियों को प्रदर्शित करने के लिए किया जाता है। लेबल विजेट का आकार लेबल टेक्स्ट की चौड़ाई, ऊंचाई और फ़ॉन्ट-आकार जैसे कई कारकों पर निर्भर करता है। ऊंचाई और चौड़ाई परिभाषित करती है कि विंडो में लेबल विजेट कैसे दिखाई देना चाहिए। लेबल विजेट की ऊंचाई और चौड़ाई