06. JS Popup Alert

Πεδία αναδυόμενων παραθύρων JavaScript


Το JavaScript έχει τρία είδη αναδυόμενων πλαισίων: το πλαίσιο ειδοποίησης, το πλαίσιο επιβεβαίωσης και το πλαίσιο προτροπής.


Πλαίσιο ειδοποίησης (alert box)

Ένα πλαίσιο ειδοποίησης χρησιμοποιείται συχνά εάν θέλετε να βεβαιωθείτε ότι οι πληροφορίες έρχονται στον χρήστη.

Όταν εμφανιστεί ένα πλαίσιο ειδοποίησης, ο χρήστης θα πρέπει να κάνει κλικ στο “OK” για να συνεχίσει.

Σύνταξη

window.alert(“sometext“);

Η window.alert()μέθοδος μπορεί να γραφτεί χωρίς το πρόθεμα του παραθύρου.

Παράδειγμα

alert("I am an alert box!")

Δοκιμάστε τον εαυτό σας »


Πλαίσιο επιβεβαίωσης

Ένα πλαίσιο επιβεβαίωσης χρησιμοποιείται συχνά εάν θέλετε ο χρήστης να επαληθεύσει ή να αποδεχθεί κάτι.

Όταν εμφανιστεί ένα πλαίσιο επιβεβαίωσης, ο χρήστης θα πρέπει να κάνει κλικ στο “OK” ή στο “Cancel” για να συνεχίσει.

Εάν ο χρήστης κάνει κλικ στο “OK”, το πλαίσιο επιστρέφει true. Αν ο χρήστης κάνει κλικ στο “Ακύρωση”, το πλαίσιο επιστρέφει false.

Σύνταξη

window.confirm(“sometext“);

Η μέθοδος window.confirm() μπορεί να γραφτεί χωρίς το πρόθεμα του παραθύρου.

Παράδειγμα

if (confirm("Press a button!")) {
  txt = "You pressed OK!";
} else {
  txt = "You pressed Cancel!";
}

Δοκιμάστε τον εαυτό σας »


Πλαίσιο προτροπής

Ένα πλαίσιο ερώτησης χρησιμοποιείται συχνά εάν θέλετε ο χρήστης να εισαγάγει μια τιμή πριν εισέλθει σε μια σελίδα.

Όταν εμφανιστεί ένα πλαίσιο προτροπής, ο χρήστης θα πρέπει να κάνει κλικ είτε στο “OK” είτε στο “Cancel” για να συνεχίσει μετά την εισαγωγή μιας τιμής εισόδου.

Αν ο χρήστης κάνει κλικ στο “OK”, το πλαίσιο επιστρέφει την τιμή εισόδου. Εάν ο χρήστης κάνει κλικ στην επιλογή “Ακύρωση”, το πλαίσιο επιστρέφει το μηδέν.

Σύνταξη

window.prompt(“sometext“,”defaultText“);

Η window.prompt()μέθοδος μπορεί να γραφτεί χωρίς το πρόθεμα του παραθύρου.

Παράδειγμα

var person = prompt("Please enter your name", "Harry Potter");

if (person == null || person == "") {
  txt = "User cancelled the prompt.";
} else {
  txt = "Hello " + person + "! How are you today?";
}

Δοκιμάστε τον εαυτό σας »


Αλλαγές Γραμμής

Για να εμφανίσετε αλλαγή γραμμής μέσα σε ένα αναδυόμενο παράθυρο, χρησιμοποιήστε μια πλάγια κάθετο ακολουθούμενη από τον χαρακτήρα n.

Παράδειγμα

alert("Hello\nHow are you?");

Δοκιμάστε τον εαυτό σας »


06. JS Popup Alert

Κοινοποίηση

Share on facebook
Share on twitter

Ακολουθήστε μας

This website uses cookies to ensure you get the best experience on our website. By continuing to use this website, you agree to their use. To find out more, see here: Privacy Policy
Αρέσει σε %d bloggers: