जावास्क्रिप्ट विंडो - ब्राउज़र ऑब्जैक्ट मॉडल

ब्राउज़र ऑब्जैक्ट मॉडल (Browser Object Model (BOM) जैसे कि JavaScript ब्राउज़र से बात करने के लिए अनुमति देता है。

ब्राउज़र ऑब्जैक्ट मॉडल (Browser Object Model (BOM))

ब्राउज़र ऑब्जैक्ट मॉडल (BOM) का आधिकारिक मानक नहीं है。

आधुनिक ब्राउज़र (बहुतसे) JavaScript इंटरैक्शन के तरीके और गुणों को पूरी तरह से लागू कर चुके हैं, इसलिए यह अक्सर BOM के तरीके और गुणों के रूप में चर्चा किया जाता है。

Window ऑब्जैक्ट

सभी ब्राउज़र इसे समर्थित करते हैं window ऑब्जैक्ट। यह ब्राउज़र के विंडो को प्रतिनिधित्व करता है。

सभी वैश्विक JavaScript ऑब्जैक्ट, फ़ंक्शन और वेरियेबल ऑब्जैक्ट के सदस्य बन जाते हैं。

वैश्विक वेरियेबल window ऑब्जैक्ट की गुणता हैं。

वैश्विक फ़ंक्शन window ऑब्जैक्ट के तरीके हैं。

यहां तक कि (HTML DOM का) document ऑब्जैक्ट भी window ऑब्जैक्ट की गुणता है:

window.document.getElementById("header");

इसी के समान:

document.getElementById("header");

विंडो आकार

दोनों गुण ब्राउज़र विंडो के आकार को निर्धारित करने के लिए उपयोगी हैं。

ये दोनों गुण पिक्सल में आकार वापस देते हैं:

  • window.innerHeight - ब्राउज़र विंडो का आंतरिक ऊंचाई (पिक्सल में)
  • window.innerWidth - ब्राउज़र विंडो का आंतरिक विस्तार (पिक्सल में)

ब्राउज़र विंडो (ब्राउज़र विन्डो) टूलबार और स्क्रॉलबार सहित नहीं है।

इंटरनेट एक्सप्लोरर 8, 7, 6, 5 के लिए:

  • document.documentElement.clientHeight
  • document.documentElement.clientWidth

या

  • document.body.clientHeight
  • document.body.clientWidth

एक उपयोगी जावास्क्रिप्ट समाधान (सभी ब्राउज़रों के लिए शामिल):

इंस्टांस

var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

स्वयं को प्रयास करें

इस उदाहरण में ब्राउज़र विंडो की ऊंचाई और चौड़ाई दिखाया जाता है：（टूलबार और स्क्रॉलबार को छोड़कर）

अन्य विंडो तरीके

कुछ अन्य तरीके:

  • window.open() - नया विंडो खोलें
  • window.close() - वर्तमान विंडो को बंद करें
  • window.moveTo() - वर्तमान विंडो को खिसकाएं
  • window.resizeTo() - वर्तमान विंडो को फिर से आकार दें