हेल्लो दोस्तों ! आज इस पोस्ट में जावा स्क्रिप्ट के बारे में बताया गया है की javascript window object hindi क्या होता है कैसे काम करता है और भी बहुत कुछ दिया गया है तो चलिए शुरू करते है
Contents
JavaScript window object का परिचय
- javascript की object hierachy में window सबसे top level का object होता है क्योकि यह top level का object है इसलिए बाकी दुसरे objects जैसे की document,history ,location आदि सभी इसी object के अंतर्गत आते है
- window object के browser की window को represent करता है यह object browser के द्वारा automatically create किया जाता है इसे javascript objects के साथ ही confuse नहीं किया जाना चाहिए
- क्योकि यह string ,date आदि की तरह javascript का object नहीं होता है बल्कि यह browser object होता है
- window object के द्वारा आप browser को open और close करना ,alert display करना,dialogs को generate करना और timeouts को set करना जैसे कार्य किये जाते है window object के द्वारा events को भी generate किये जा सकते है
- browser window और frames के लिए अलग अलग window objects को create करता है example के लिए यदि किसी html document में frame है तो browser एक window objects अलग से frame के लिए भी create करेगा
- window के object बहुत सी properties और methods provide करता है जिनसे आप browser के behavior को control कर सकते है
properties of JavaScript window object
निचे JavaScript window object के साथ ही available properties के बारे में बताया जा रहा है
- closed-यह property boolean वैल्यू को return करती है जो यह बताती है की window को close है या नहीं
- defaultStatus-इस property के द्वारा window के status bar का text set और return किया जाता है
- document-यह property document object को return करती है
- frameElement-यह property उस frame का नाम को return करती है जिसके अन्दर current window है
- frame-यह property किसी window के सभी iframe को return करती है
- history-यह property window का history के object को return करती है
- innerHeight-यह property window की inner height को return करती है
- innerWidth-यह property window की inner के width को return करती है
- lenght-यह property window के अन्दर iframe की सख्या को return करती है
- localStorage-इस property के द्वारा browser में key/value को pair में information को बिना किसी expiration date के स्टोर की जाती है
- location-यह property window का location के object को return करती है
- name-इस property के द्वारा window का location object को return करती है
- navigator-यह property के द्वारा window का navigator object को return करती है
- opener-यह property उस window का reference को return करती है जिसके द्वारा current window को create हुए है
- outerHeight-यह property किसी window की outer height return करती है इस height में toolbar included रहती है
- outerWidth-यह property किसी भी window की outer width को return करती है इस width में scollbar भी included रहता है
- pageXOffset-top left corner से जितने pixels के दुर एक document horizontally scroll किया जा चूका है यह property उन pixels की सख्या को return करती है
- pageYOffset-top left corner से जितने pixels के दूर एक document vertically scroll किया जा चूका है तो यह property उन pixels की सख्या को return करती है
- parent-यह property current window की parent window को return करती है
- screen-यह property current window की screen object को return करती है
- ScreenLeft-यह property screen के अनुसार ही window के horizontal coordinates को return करती है
- ScreenTop-यह property screen के अनुसार ही window के vertical coordinates को return करती है
- ScreenX-यह property screenLeft property की तरह ही window के horizontal coordinates को return करती है
- ScreenY-यह property screen top property की तरह ही window के vertical coordinates को return करती है
- sessionStorage-इस property के एक session के लिए key/value के pair में information browser में स्टोर की जा सकती है
- scrollX-यह property pageXOffset property की तरह ही pixels की सख्या को return करती है
- scrollY-यह property pageYOffset property की तरह हि pixels की सख्या को return करती है
- self-ये property current window को return करती है
- status-इस property के द्वारा browser के window का status text को set और return किया जाता है
- top-यह property browser की सबसे top window को return करती है
methods of javascript window object
निचे javascript window के object के साथ ही available methods के बारे में बताया जा रहा है
- alert()-यह method एक alert box को display करता है जो की alert box में एक text message होता है और OK button होता है जिसे click करने पर ही alert box close हो जाती है
- atob()-ये method base 64 की string को डिकोड करती है
- blur()-यह method current window से focus को हटा देता है
- bota()-यह method base 64 में स्तिरंग को encode करता है
- cleanInterval()-यह method setInterval() method के द्वारा set किये गए timer को remove कर देता है
- close()-यह method window को close कर देता है
- confirm()-यह method एक confirm box display करता है confirm box में एक text message होता है एक ok button होता है और एक cancel button होता है
- focus()-यह method focus को current window पर set करता है
- getComputerStyle()-यह method किसी element पर apply की गयी css style को return करती है
- getSelection()-यह method user के द्वार select किये गए text के आधार पर ही selection object को return करती है
- matchMedia()-यह method एक media query list return करती है
- moveBy()-यह method window को उसकी current position के context में move करता है
- moveTo()-यह method window को एक specific position पर move करता है
- open()-यह method एक नयी browser window open करता है
- print()-यह method current window का कंटेंट को print करता है
- prompt()-यह method के prompt box display करता है जिसमे एक input area होता है जिसमे user वैल्यू को input करता है
- resizeBy()-यह method window को specify किये pixels जितना resize करता है
- resizeTo()-यह method window को specify की गयी height और width जितना resize करता है
- scrollBy()-यह method document को specify किये गए pixels जितना scroll करता है
- scrollTo()-यह method document को specify किये गए coordinates जितना scroll करता है
- setlnterval()-यह function किसी भी expression को set किये गए time period के बाद execute करता है
- setTimeout()-यह function किसी expression को set की गयी milliseconds के बाद एक्सीक्यूट करता है
- stop()-यह method window को load होने से रोक देता है
example of javascript window object
निचे आपको javascript के window object का प्रयोग example के द्वारा समझाय जा रहा है
<html> <body> <h2>javascript window object demo</h2> <input type=”button” value=”close this window” onclick=”window.close()”> </body> </html>
उपर दिए गए example आपको निचे दिया गया आउटपुट को generate करता है
reference-https://www.javatpoint.com/window-object
javascript window object hindi
निवेदन:-आप सभी छात्र –छात्रों से निवेदन है की अगर आपको ये Topic(javascript window object hindi) अच्छा लगा हो तो कृपया आप इस वेबसाइट के बारे में अपने दोस्तों को जरुर बताये अगर कोई topic(javascript window object hindi)से संबधित प्रश्न हो तो कमेंट्स(comments) आपके लिए ही बना है और किसी Subject के लेकर भी कोई प्रश्न हो तो कमेंट करे