alert() confirm() and prompt() Dialogs

alert() confirm() and prompt() Dialogs: Web Browsers alert(), confirm() व input() Methods द्वारा तीन System Dialogs Display करने में सक्षम है। ये Dialogs Web Browser में Loaded Web Page से संबंधित नहीं होते और न ही इनमें किसी तरह का कोई HTML Code होता है। साथ ही इनकी Appearance पूरी तरह से Operating System व Web Browser की Settings पर निर्भर होती है। ये तीनों ही Dialog Box Synchronous व Modal हैं यानी जब ये Memory में Load होते हैं, तो इनके बाद लिखे गए सारे Codes का Execution तब तक के लिए रूक जाता है, जब तक कि हम इन्हें Close नहीं कर देते है।

alert() Method – Alert Dialog Box

alert() Method का प्रयोग किसी Specific Message को Display करने के लिए किया जा सकता है। सामान्‍यत: JavaScript Codes के Flow को समझने या उन Codes की Debugging करने के लिए हम alert() Method द्वारा Alert Dialog Box को एक Pause की तरह Use करते हैं। सामान्‍यत: किसी JavaScript Error को Alert Box द्वारा Render किया जाता है। जैसे:

>>> alert("This is an alert() Dialog Box");

जैसे ही हम इस Code को Execute करते हैं, हमें इसका Output Web Browser में निम्नानुसार दिखाई देने लगता है:

Alert Dialog Box पर केवल एक “OK” Button होता है। यानी हम इस Dialog Box को Web Browser से हटाने के लिए OK Button पर Click करने के अलावा और कुछ नहीं कर सकते।

confirm() Method – Confirm Dialog Box

ये एक दूसरे प्रकार का Dialog Box है लेकिन इस Dialog Box में हमें “OK” व “Cancel” नाम के दो Buttons प्राप्त होते हैं। ये Dialog Box true या false में से किसी एक Value को भी Return करता है। यानी यदि हम इस Dialog Box के OK Button पर Click करते हैं, तो ये Dialog Box true Value Return करता है, जबकि Cancel Button पर Click करने पर ये Dialog Box false Value Return करता है। इसे हम निम्नानुसार उपयोग में ले सकते हैं:

>>> confirm("Are you sure?");    //Output: true
>>> confirm("Are you sure?");    //Output: false

ये Dialog Box Screen पर निम्नानुसार दिखाई देता है:

prompt() Method – Input Dialog Box

ये Dialog Box एक Special प्रकार का Dialog Box है, जिसे हम User से किसी प्रकार का Input प्राप्त करने के लिए Use कर सकते हैं। इस Dialog Box पर भी OK व Cancel नाम के दो Buttons दिखाई देते हैं साथ ही एक Text Box भी दिखाई देता है, जिसमें User किसी तरह का Data Input कर सकता है।

जब User इस Box पर दिखाई देने वाले Text Box में कोई Text Input करके OK Button पर Click करता है, तो ये Method Input किए गए Text को Return करता है, जबकि यदि User इस Dialog Box के Cancel Button को Click करता है, तो ये Method null Value Return करता है।

>>> prompt("What is your name?", "Enter your Name here");
"Enter your Name here"

जब ये Code Run होता है, तो हमें Web Browser में निम्नानुसार Prompt Dialog Box दिखाई देता है:

इनके अलावा BOM का window Object हमें find() व print() नाम के दो और Method Provide करता है, जिनका प्रयोग हम Currently Loaded Web Page किसी Content को खोजने अथवा Current Web Page को Printer पर Print करने के लिए कर सकते हैं। इन्हें हम निम्नानुसार Use कर सकते हैं:

>>> window.print();                    
    //OR
>>> print();

ये Method Web Page पर Print Dialog Box Open करता है, जिसे हम निम्न चित्र में देख सकते हैं:

इसी तरह से हम find() Method को भी निम्नानुसार Console Window द्वारा Open कर सकते हैं:

>>> window.find(); 
    //OR
>>> find();

Web Browser के window Object की और भी बहुत सारी Properties हैं जिनमें से कुछ सभी Web Browsers के लिए Common हैं जबकि कुछ विभिन्न Web Browsers के लिए अलग-अलग हैं। Web Browser के window Object की सभी Properties व Methods की List देखने के लिए हम Firebug के console.dir() Method का प्रयोग कर सकते हैं।

इस Method में हम Web Browser के जिस Object को Parameter के रूप में Pass करते हैं, ये Method उस Object के सभी Properties व Methods की List Display कर देता है। उदाहरण के लिए यदि हम window Object के सभी Properties व Methods की List देखना चाहें, तो हम Firebug Console में निम्न console.dir() Method को निम्नानुसार Use कर सकते हैं:

console.dir(window)

इस Statement के Execute होने पर हमें Web Browser के window Object के सभी Properties व Methods की List निम्नानुसार दिखाई देने लगती है:

इसी तरह से यदि हम window Object के Sub-Object screen के सभी Properties व Methods की List प्राप्त करना चाहें, तो console.dir() Method को निम्नानुसार Use कर सकते हैं:

console.dir(screen)

और हमें निम्नानुसार Output प्राप्त होता है: