जेएस ट्यूटोरियल

जेएस होम जे एस परिचय जे एस कहाँ करने के लिए जेएस आउटपुट जेएस स्टेटमेंट्स जेएस सिंटेक्स जे एस टिप्पणियाँ जेएस चर जे एस लेट जेएस कॉन्स्ट जेएस ऑपरेटर्स जे एस अंकगणित जेएस असाइनमेंट जेएस डेटा प्रकार जे एस कार्य जेएस ऑब्जेक्ट्स जेएस इवेंट्स जे एस स्ट्रिंग्स जे एस स्ट्रिंग तरीके जे एस स्ट्रिंग खोज जे एस स्ट्रिंग टेम्पलेट्स जेएस नंबर जेएस संख्या के तरीके जे एस सरणी जेएस सरणी के तरीके जेएस ऐरे सॉर्ट जेएस सरणी पुनरावृत्ति जेएस ऐरे कॉन्स्ट जे एस तिथियाँ जेएस तिथि प्रारूप जेएस तिथि प्राप्त करने के तरीके JS दिनांक सेट विधियाँ जे एस मठ जे एस रैंडम जे एस बूलियन्स जेएस तुलना जे एस शर्तें जे एस स्विच जेएस लूप फॉर In . के लिए JS लूप ओएफ के लिए जेएस लूप जेएस लूप जबकि जेएस ब्रेक जेएस Iterables जेएस सेट जेएस मैप्स जेएस टाइपोफ जे एस प्रकार रूपांतरण जेएस बिटवाइज जेएस रेगएक्सपी जे एस त्रुटियाँ जेएस स्कोप जे एस उत्थापन जेएस सख्त मोड जेएस यह कीवर्ड जेएस एरो फंक्शन जेएस क्लासेस जेएस JSON जेएस डिबगिंग जेएस स्टाइल गाइड जेएस सर्वोत्तम अभ्यास जेएस गलतियाँ जेएस प्रदर्शन जेएस आरक्षित शब्द

जेएस संस्करण

जेएस संस्करण जेएस 2009 (ES5) जेएस 2015 (ईएस6) जेएस 2016 जेएस 2017 जेएस 2018 जेएस आईई / एज जेएस इतिहास

जेएस ऑब्जेक्ट्स

वस्तु परिभाषाएँ वस्तु गुण वस्तु के तरीके वस्तु प्रदर्शन ऑब्जेक्ट एक्सेसर्स वस्तु निर्माता वस्तु प्रोटोटाइप वस्तु पुनरावर्तनीय वस्तु समूह वस्तु मानचित्र वस्तु संदर्भ

जे एस कार्य

फ़ंक्शन परिभाषाएँ फंक्शन पैरामीटर्स समारोह आमंत्रण फंक्शन कॉल समारोह लागू करें फंक्शन क्लोजर

जेएस क्लासेस

कक्षा परिचय वर्ग वंशानुक्रम क्लास स्टेटिक

जे एस एसिंक

जेएस कॉलबैक जे एस अतुल्यकालिक जे एस वादा जे एस एसिंक/प्रतीक्षा

जेएस एचटीएमएल डोम

डोम परिचय डोम तरीके डोम दस्तावेज़ डोम तत्व डोम एचटीएमएल डोम फॉर्म डोम सीएसएस डोम एनिमेशन डोम घटनाक्रम डोम इवेंट श्रोता डोम नेविगेशन डोम नोड्स डोम संग्रह डोम नोड सूचियाँ

जेएस ब्राउज़र बीओएम

जेएस विंडो जेएस स्क्रीन जेएस स्थान जेएस इतिहास जेएस नेविगेटर जेएस पॉपअप अलर्ट जेएस टाइमिंग जे एस कुकीज़

जेएस वेब एपीआई

वेब एपीआई परिचय वेब फॉर्म एपीआई वेब इतिहास एपीआई वेब संग्रहण API वेब वर्कर एपीआई वेब फ़ेच एपीआई वेब जियोलोकेशन एपीआई

जे एस अजाक्स

AJAX परिचय अजाक्स एक्सएमएलएचटीपी अजाक्स अनुरोध अजाक्स प्रतिक्रिया अजाक्स एक्सएमएल फ़ाइल अजाक्स पीएचपी अजाक्स एएसपी AJAX डेटाबेस अजाक्स अनुप्रयोग अजाक्स उदाहरण

जेएस JSON

JSON परिचय JSON सिंटैक्स जेएसओएन बनाम एक्सएमएल JSON डेटा प्रकार JSON पार्स JSON स्ट्रिंगिफ़ाई JSON ऑब्जेक्ट्स JSON सरणियाँ JSON सर्वर जेएसओएन पीएचपी जेएसओएन एचटीएमएल जेएसओएन जेएसओएनपी

जेएस बनाम jQuery

jQuery चयनकर्ता jQuery एचटीएमएल jQuery सीएसएस jQuery डोम

जेएस ग्राफिक्स

जेएस ग्राफिक्स जेएस कैनवास जे एस प्लॉटली जेएस चार्ट.जेएस जेएस गूगल चार्ट जेएस डी3.जेएस

जेएस उदाहरण

जेएस उदाहरण जेएस एचटीएमएल डोम जेएस एचटीएमएल इनपुट जेएस एचटीएमएल ऑब्जेक्ट्स जेएस एचटीएमएल इवेंट्स जेएस ब्राउज़र जे एस संपादक जे एस व्यायाम जे एस प्रश्नोत्तरी जेएस प्रमाणपत्र

जे एस संदर्भ

जावास्क्रिप्ट ऑब्जेक्ट्स एचटीएमएल डोम ऑब्जेक्ट्स


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


ब्राउज़र ऑब्जेक्ट मॉडल (बीओएम) जावास्क्रिप्ट को ब्राउज़र से "बात" करने की अनुमति देता है।


ब्राउज़र ऑब्जेक्ट मॉडल (बीओएम)

B Rowser O bject M odel (BOM) के लिए कोई आधिकारिक मानक नहीं हैं ।

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


खिड़की वस्तु

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

सभी वैश्विक जावास्क्रिप्ट ऑब्जेक्ट, फ़ंक्शन और चर स्वचालित रूप से विंडो ऑब्जेक्ट के सदस्य बन जाते हैं।

वैश्विक चर विंडो ऑब्जेक्ट के गुण हैं।

वैश्विक कार्य विंडो ऑब्जेक्ट के तरीके हैं।

यहां तक ​​​​कि दस्तावेज़ ऑब्जेक्ट (एचटीएमएल डोम का) विंडो ऑब्जेक्ट की एक संपत्ति है:

window.document.getElementById("header");

वैसा ही है जैसा कि:

document.getElementById("header");

खिड़की का आकार

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

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

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

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

उदाहरण

let w = window.innerWidth;
let h = window.innerHeight;

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

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

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