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

जावास्क्रिप्ट में पूर्ण स्क्रीन आईफ्रेम सेट करना?

<घंटा/>

जावास्क्रिप्ट में पूर्ण स्क्रीन आईफ्रेम सेट करने के लिए कोड निम्नलिखित है -

उदाहरण

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-weight: 500;
      font-size: 18px;
      color: blueviolet;
   }
   .fullScreen {
      width: 100vw;
      height: 100vh;
   }
</style>
</head>
<body>
<h1>Setting full screen iframe</h1>
<iframe class="frame" src="https://www.wikipedia.com" width="300px" height="200px"
></iframe>
<button class="Btn" style="margin: 15px;">Fullscreen</button>
<h3>Click on the above button to make the iframe go fullscreen</h3>
<script>
   let BtnEle = document.querySelector(".Btn");
   let frameEle = document.querySelector(".frame");
   BtnEle.addEventListener("click", () => {
      frameEle.className = "fullScreen";
   });
</script>
</body>
</html>

आउटपुट

जावास्क्रिप्ट में पूर्ण स्क्रीन आईफ्रेम सेट करना?

'पूर्णस्क्रीन' बटन पर क्लिक करने पर -

जावास्क्रिप्ट में पूर्ण स्क्रीन आईफ्रेम सेट करना?


  1. जावास्क्रिप्ट के साथ स्क्रीन रिज़ॉल्यूशन का पता कैसे लगाएं?

    स्क्रीन रिज़ॉल्यूशन का पता लगाने के लिए, window.screen की अवधारणा का उपयोग करें। चौड़ाई के लिए, निम्न का उपयोग करें - window.screen.availWidth ऊंचाई के लिए - window.screen.availHeight स्क्रीन रिज़ॉल्यूशन का पता लगाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en&q

  1. विंडोज़ में गेम खेलने, मूवी देखने आदि के दौरान पूर्ण स्क्रीन की समस्याएं।

    कुछ एप्लिकेशन फ़ुलस्क्रीन में चलने पर ही अच्छे लगते हैं। यदि आप कोई फिल्म देख रहे हैं या कोई गेम खेल रहे हैं, तो आप ऐप के लिए संपूर्ण स्क्रीन स्पेस का उपयोग करना चाहेंगे। हालाँकि, कुछ विंडोज 11/10 ओएस उपयोगकर्ताओं की शिकायत है कि वे विभिन्न प्रकार की विंडोज फुलस्क्रीन समस्याओं और मुद्दों का सामना कर

  1. विंडोज 10 पर फुल स्क्रीन पर कैसे जाएं

    खेलों में खुद को खोना और विचलित हुए बिना ध्यान केंद्रित करना सुखद है। फ़ुल-स्क्रीन मोड का उपयोग करते समय विकर्षण कम हो जाते हैं। फ़ुल-स्क्रीन मोड खिलाड़ियों को विकर्षणों को कम करते हुए खेल को बेहतर ढंग से देखने की अनुमति देता है। हालांकि अधिकांश गेम और एप्लिकेशन फुल-स्क्रीन मोड में खेले जा सकते हैं,