JavaScript में 3 प्रकार के पॉप-अप बॉक्स उपलब्ध हैं। ये हैं:
1. अलर्ट - Window.alert() मेथड वैकल्पिक निर्दिष्ट सामग्री और एक OK बटन के साथ एक अलर्ट डायलॉग प्रदर्शित करता है।
उदाहरण के लिए, यदि आप निम्न स्क्रिप्ट एक्ज़िक्यूट करते हैं, तो यह "This is an alert" सामग्री के साथ एक अलर्ट बॉक्स खोलेगा जिसमें एक कन्फर्मेशन बटन होगा।
उदाहरण
<script> alert("This is a alert"); </script>
ध्यान दें कि अलर्ट डायलॉग का उपयोग उन संदेशों के लिए किया जाना चाहिए जिनके लिए उपयोगकर्ता की ओर से संदेश की स्वीकृति के अलावा किसी प्रतिक्रिया की आवश्यकता नहीं होती।
2. कन्फर्म - Window.confirm() मेथड एक वैकल्पिक संदेश और दो बटनों (OK और Cancel) के साथ एक मोडल डायलॉग प्रदर्शित करता है।
उदाहरण के लिए, यदि आप निम्न स्क्रिप्ट एक्ज़िक्यूट करते हैं, तो यह "Please confirm this action" सामग्री के साथ एक कन्फर्मेशन बॉक्स खोलेगा जिसमें कन्फर्मेशन और कैंसिलेशन बटन होंगे। यह उपयोगकर्ता द्वारा प्रदान किए गए इनपुट के आधार पर एक बूलियन लौटाता है।
उदाहरण
<script> let bool = confirm("Please confirm this action"); console.log(bool); </script>
यदि आप कन्फर्म पर क्लिक करते हैं, तो यह true लौटाएगा। यदि आप कैंसिल पर क्लिक करते हैं, तो यह false लौटाएगा।
ध्यान दें कि डायलॉग बॉक्स मोडल विंडोज़ हैं — वे उपयोगकर्ता को प्रोग्राम के बाकी इंटरफ़ेस तक पहुँचने से रोकते हैं जब तक कि डायलॉग बॉक्स बंद न हो जाए।
3. प्रॉम्प्ट - Window.prompt() एक वैकल्पिक संदेश के साथ एक डायलॉग प्रदर्शित करता है जो उपयोगकर्ता को कुछ टेक्स्ट इनपुट करने के लिए प्रेरित करता है।
उदाहरण के लिए, यदि आप निम्न स्क्रिप्ट एक्ज़िक्यूट करते हैं, तो यह "Please enter your name" सामग्री के साथ एक प्रॉम्प्ट बॉक्स खोलेगा जिसमें कन्फर्मेशन और कैंसिलेशन बटन होंगे। यह उपयोगकर्ता द्वारा प्रदान किया गया एक स्ट्रिंग लौटाता है।
उदाहरण
<script> let name = prompt("Please enter your name"); console.log(name); </script>
जब आप प्रॉम्प्ट में कुछ इनपुट देते हैं, तो यह आपके नाम को कंसोल पर लॉग करेगा।
