JavaScript
मॉडल - संकेत

वाक्य - विन्यास

• चेतावनी (संदेश)
• पुष्टि (संदेश)
• शीघ्र (संदेश [, वैकल्पिक वैकल्पिक])
• प्रिंट ()

टिप्पणियों

उपयोगकर्ता के संकेतों के बारे में

उपयोगकर्ता संकेत वेब एप्लिकेशन एपीआई का हिस्सा हैं जो पुष्टि या इनपुट जैसे उपयोगकर्ता कार्रवाई का अनुरोध करने के लिए ब्राउज़र मोडल को आमंत्रित करने के लिए उपयोग किया जाता है।

window.alert(message)

उपयोगकर्ता को संदेश के साथ एक मोडल पॉपअप दिखाएं।
उपयोगकर्ता को खारिज करने के लिए [ओके] पर क्लिक करने की आवश्यकता होती है।

alert("Hello World"); 

नीचे दी गई अधिक जानकारी "अलर्ट का उपयोग करके ()"।

boolean = window.confirm(message)

प्रदान किए गए संदेश के साथ एक मोडल पॉपअप दिखाएं।
प्रदान करता है [ठीक] और [रद्द] बटन जो क्रमशः बूलियन मूल्य के साथ true / false जवाब देंगे।

confirm("Delete this comment?");

result = window.prompt(message, defaultValue)

प्रदान किए गए संदेश के साथ एक मोडल पॉपअप और वैकल्पिक पूर्व-भरे मूल्य के साथ एक इनपुट फ़ील्ड दिखाएं।
result के रूप में उपयोगकर्ता इनपुट मूल्य प्रदान करता है।

prompt("Enter your website address", "http://");

नीचे दी गई अधिक जानकारी "प्रॉम्प्ट का उपयोग ()"।

window.print()

दस्तावेज़ प्रिंट विकल्पों के साथ एक मोडल खोलता है।

print();

लगातार शीघ्र मोडल

प्रॉम्प्ट का उपयोग करते समय एक उपयोगकर्ता हमेशा रद्द करें पर क्लिक कर सकता है और कोई भी मूल्य वापस नहीं किया जाएगा।
खाली मूल्यों को रोकने के लिए और इसे लगातार बनाए रखने के लिए :

<h2>Welcome <span id="name"></span>!</h2>

<script>
// Persistent Prompt modal
var userName;
while(!userName) {
  userName = prompt("Enter your name", "");
  if(!userName) {
    alert("Please, we need your name!");
  } else {
    document.getElementById("name").innerHTML = userName;
  }
}
</script>

jsFiddle डेमो

एलिमेंट डिलीट करने की पुष्टि करें

confirm() का उपयोग करने का एक तरीका है confirm() जब कुछ यूआई कार्रवाई पृष्ठ पर कुछ विनाशकारी परिवर्तन करती है और एक अधिसूचना और उपयोगकर्ता की पुष्टि के साथ बेहतर होती है - जैसे पोस्ट संदेश को हटाने से पहले।

<div id="post-102">
  <p>I like Confirm modals.</p>
  <a data-deletepost="post-102">Delete post</a>
</div>
<div id="post-103">
  <p>That's way too cool!</p>
  <a data-deletepost="post-103">Delete post</a>
</div>

// Collect all buttons
var deleteBtn = document.querySelectorAll("[data-deletepost]");

function deleteParentPost(event) {
  event.preventDefault(); // Prevent page scroll jump on anchor click
  
  if( confirm("Really Delete this post?") ) {
    var post = document.getElementById( this.dataset.deletepost );
    post.parentNode.removeChild(post);
    // TODO: remove that post from database
  } // else, do nothing
  
}

// Assign click event to buttons
[].forEach.call(deleteBtn, function(btn) {
  btn.addEventListener("click", deleteParentPost, false);
});

jsFiddle डेमो

अलर्ट का उपयोग ()

window ऑब्जेक्ट का alert() विधि एक निर्दिष्ट संदेश और एक ओके या रद्द करें बटन के साथ एक अलर्ट बॉक्स प्रदर्शित करता है। उस बटन का पाठ ब्राउज़र पर निर्भर करता है और इसे संशोधित नहीं किया जा सकता है।

वाक्य - विन्यास

alert("Hello world!");
// Or, alternatively...
window.alert("Hello world!");

का उत्पादन

यदि आप उपयोगकर्ता के माध्यम से जानकारी सुनिश्चित करना चाहते हैं तो एक अलर्ट बॉक्स का उपयोग अक्सर किया जाता है।

नोट: अलर्ट बॉक्स वर्तमान विंडो से ध्यान हटाता है, और ब्राउज़र को संदेश पढ़ने के लिए मजबूर करता है। इस पद्धति का उपयोग न करें, क्योंकि यह उपयोगकर्ता को पृष्ठ के अन्य हिस्सों तक पहुंचने से रोकता है जब तक कि बॉक्स बंद न हो। जब तक उपयोगकर्ता ठीक पर क्लिक नहीं करता, तब तक यह आगे के कोड के निष्पादन को भी रोकता है। (विशेष रूप से, जो टाइमर setInterval() या setTimeout() या तो टिक नहीं करते हैं setInterval() साथ सेट किया गया था। अलर्ट बॉक्स केवल ब्राउज़र में काम करता है, और इसके डिज़ाइन को संशोधित नहीं किया जा सकता है।

प्रतिलाभ की मात्रा

alert फ़ंक्शन किसी भी मूल्य को वापस नहीं करता है

शीघ्र () का उपयोग

प्रॉम्प्ट उपयोगकर्ता को उनके इनपुट का अनुरोध करने के लिए एक संवाद प्रदर्शित करेगा। आप एक संदेश प्रदान कर सकते हैं जिसे पाठ क्षेत्र के ऊपर रखा जाएगा। वापसी मूल्य एक स्ट्रिंग है जो उपयोगकर्ता द्वारा प्रदान किए गए इनपुट का प्रतिनिधित्व करता है।

var name = prompt("What's your name?");
console.log("Hello, " + name);

आप एक दूसरा पैरामीटर भी prompt() पास कर सकते हैं, जिसे प्रॉम्प्ट के टेक्स्ट फील्ड में डिफ़ॉल्ट टेक्स्ट के रूप में प्रदर्शित किया जाएगा।

var name = prompt('What\'s your name?', ' Name...');
console.log('Hello, ' + name);