window ऑब्जेक्ट
दुकान में एक घंटी है। वह पैराग्राफ #bell है और blank से शुरू होती है। इस पेज पर फ़ॉर्म नहीं है।
window इसी टैब का ऑब्जेक्ट है। दस्तावेज़, व्यूपोर्ट की चौड़ाई, और सादे स्क्रिप्ट का हर var उसी पर टिका है। let नहीं टिकता। पेज चार चीज़ें पढ़कर जोड़ता है। पंक्ति same / 4 / undefined / number होती है।
यह चाय की पर्ची नहीं
पिछला पेज खाली अतिथि और 1 से 3 के बाहर कप गिनती को अस्वीकार करता था। उसकी पंक्ति need guest / ok थी। यह पेज #guest या फ़ील्ड #cups नहीं देखता। यहाँ cups एक var है, फ़ील्ड नहीं।
सवाल दूसरा है: window के ज़रिए किस तक पहुँचते हो?
दस्तावेज़ एक है
document दूसरी प्रति नहीं है। वह window.document है। window.document से मिली घंटी वही है जो document से मिलती है।
let bell = window.document.getElementById("bell");
let also = document.getElementById("bell");
bell.textContent = window.document === document ? "same" : "no";
console.log(bell.textContent);
console.log(bell === also);
लॉग same है, फिर true। एक दस्तावेज़, एक घंटी।
var खिड़की पर टिकता है
इस स्क्रिप्ट में var cups = 4 से window.cups बनता है। पढ़ने पर वह संख्या 4 है। String उसे सिर्फ़ घंटी के लिए टेक्स्ट बनाता है।
var cups = 4;
let bell = document.getElementById("bell");
bell.textContent = String(window.cups);
console.log(bell.textContent);
लॉग 4 है। यह 4 चर है, फ़ॉर्म फ़ील्ड नहीं।
let बाहर रहता है
let kettle = 1 मौजूद है। वह window की प्रॉपर्टी नहीं। window.kettle undefined है, और उसका String शब्द undefined बनाता है।
let kettle = 1;
let bell = document.getElementById("bell");
bell.textContent = String(window.kettle);
console.log(bell.textContent);
console.log(kettle);
लॉग undefined है, फिर 1। केतली है। वह window पर नहीं टिकी।
चौड़ाई संख्या है
window.innerWidth बताता है व्यूपोर्ट कितने CSS पिक्सेल चौड़ा है। उस मान का typeof "number" है। यह टेक्स्ट नहीं, जैसे इनपुट का value टेक्स्ट होता है।
let bell = document.getElementById("bell");
bell.textContent = typeof window.innerWidth;
console.log(bell.textContent);
लॉग number है। पिक्सेल गिनती खिड़की के साथ बदलती है। प्रकार नहीं बदलता।
पता मत लिखो
window.location.href इस टैब का पता है और वह स्ट्रिंग है। पढ़ना सुरक्षित है। नया पता लिखने से पेज छूट जाता है। कोई टुकड़ा href में नहीं लिखता।
चार पढ़ना, फ़ॉर्म नहीं
यहाँ नाम नहीं काटा जाता और सीमा नहीं जाँची जाती। चार पढ़ना ये हैं: दस्तावेज़ वही ऑब्जेक्ट है या नहीं, var, गायब let, और चौड़ाई का प्रकार। String(undefined) शब्द undefined है, खाली घंटी नहीं।
घंटी के नीचे की पंक्ति
स्क्रिप्ट body के अंत में है। वह var cups = 4 और let kettle = 1 बनाती है, फिर चार पढ़ना जोड़ती है: दस्तावेज़ मेल खाता है या नहीं, window.cups, window.kettle, और typeof window.innerWidth।
<!DOCTYPE html>
<html>
<head>
<title>shop-bell — page</title>
</head>
<body>
<p id="bell">blank</p>
<p id="line">…</p>
<script>
var cups = 4;
let kettle = 1;
let seen = [];
seen.push(window.document === document ? "same" : "no");
seen.push(String(window.cups));
seen.push(String(window.kettle));
seen.push(typeof window.innerWidth);
document.getElementById("line").textContent = seen.join(" / ");
</script>
</body>
</html>
पंक्ति same / 4 / undefined / number है। दस्तावेज़ मिला। var window पर दिखता था। let नहीं। चौड़ाई का प्रकार number है। blank चला गया। need guest / ok पिछला पेज है।
काउंटर पर
window.documentकोdocumentसे तुलना करो। घंटी same दिखाती है।var cups = 4घोषित करो औरwindow.cupsपढ़ो। घंटी 4 दिखाती है।let kettle = 1घोषित करो औरwindow.kettleपढ़ो। घंटी undefined दिखाती है।kettleखुद अब भी 1 है।typeof window.innerWidthपढ़ो। घंटी number दिखाती है।- पेज की पंक्ति पढ़ो: same / 4 / undefined / number।
काउंटर की चूक
घंटी इन्हीं शब्दों में से एक दिखाती है, अतिथि का नाम नहीं।
- उम्मीद करना कि
window.kettle1 हो - उम्मीद करना कि
window.cupsundefined हो innerWidthको टेक्स्ट माननाlocation.hrefमें लिखकर पेज छोड़ना- पंक्ति को need guest / ok पढ़ना
यह रखो
window.documentऔरdocumentएक ऑब्जेक्ट हैंvar cups = 4window.cupsकी तरह पढ़ा जाता हैlet kettle = 1window.kettleनहीं बनाताtypeof window.innerWidthnumber है- पेज की पंक्ति same / 4 / undefined / number है
🧠 अपने ज्ञान की परीक्षा करें
अपने ज्ञान की परीक्षा करें
इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं
📝 निर्देश
- हर प्रश्न को ध्यान से पढ़ें
- हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
- आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
- आपकी प्रगति शीर्ष पर दिखाई जाएगी