Όταν ανοίγετε οποιονδήποτε ιστότοπο, ενδέχεται να βλέπετε αναδυόμενα παράθυρα. Αυτά τα πλαίσια ειδοποίησης JavaScript είναι χρήσιμα για την προειδοποίηση των χρηστών για κάτι σημαντικό. Όταν ενεργοποιείται ένα πλαίσιο ειδοποίησης JavaScript, εμφανίζεται ένα μικρό πλαίσιο και εμφανίζει το κείμενο που καθορίζετε στο δικό σας κώδικας. Σε αυτό το άρθρο, θα δούμε πώς λειτουργεί η ειδοποίηση στο JavaScript, με την ακόλουθη σειρά:
- Αναδυόμενα κουτιά σε JavaScript
- Ειδοποίηση σε JavaScript
- Πώς να δημιουργήσετε μια ειδοποίηση σε JavaScript;
Ας ξεκινήσουμε.
Αναδυόμενα κουτιά σε JavaScript
Στο JavaScript, μπορείτε να βρείτε τρία είδη αναδυόμενων πλαισίων:
Κουτί προειδοποίησης- Ένα πλαίσιο ειδοποίησης χρησιμοποιείται ως επί το πλείστον για να βεβαιωθείτε ότι οι πληροφορίες έρχονται στον χρήστη. Όταν εμφανιστεί ένα πλαίσιο ειδοποίησης, πρέπει να κάνετε κλικ στο 'OK' για να συνεχίσετε.
Επιβεβαίωση κουτιού- Χρησιμοποιείται συνήθως ένα πλαίσιο επιβεβαίωσης επαληθεύω ή αποδεχτείτε κάτι για τον χρήστη. Όταν εμφανιστεί ένα πλαίσιο επιβεβαίωσης, ο χρήστης πρέπει να κάνει κλικ είτε «OK» είτε «Ακύρωση» για να προχωρήσει. Εάν ο χρήστης κάνει κλικ στο 'OK', το πλαίσιο επιστρέφει true. Εάν ο χρήστης κάνει κλικ στο 'Ακύρωση', το πλαίσιο επιστρέφει false.
Υποβολείο- Ένα πλαίσιο προτροπής χρησιμοποιείται από το χρήστη για εισαγάγετε μια τιμή πριν εισέλθετε σε μια σελίδα. Όταν εμφανιστεί ένα πλαίσιο προτροπής, ο χρήστης πρέπει να κάνει κλικ είτε «OK» είτε «Ακύρωση» για να προχωρήσει μετά την εισαγωγή μιας τιμής εισαγωγής. Εάν ο χρήστης κάνει κλικ στο 'OK', το πλαίσιο επιστρέφει την τιμή εισαγωγής. Εάν ο χρήστης κάνει κλικ στο 'Ακύρωση', το πλαίσιο επιστρέφει μηδέν.
Αυτοί ήταν οι διαφορετικοί τύποι αναδυόμενων πλαισίων. Ας δούμε λοιπόν το βάθος του πλαισίου ειδοποίησης και δείτε πώς μπορείτε να δημιουργήσετε ένα πλαίσιο ειδοποίησης σε JavaScript.
Ειδοποίηση σε JavaScript
ο συναγερμός() μέθοδος στο JavaScript εμφανίζει ένα πλαίσιο ειδοποίησης με ένα συγκεκριμένο μήνυμα και ένα κουμπί OK. Συχνά χρησιμοποιείται για να βεβαιωθείτε ότι οι πληροφορίες έρχονται στον χρήστη.
Το πλαίσιο ειδοποίησης απομακρύνει την εστίαση από το τρέχον παράθυρο και αναγκάζει το πρόγραμμα περιήγησης να διαβάσει το μήνυμα. Επομένως, πρέπει να αποφύγετε την υπερβολική χρήση αυτής της μεθόδου, καθώς εμποδίζει τον χρήστη να έχει πρόσβαση σε άλλα μέρη της σελίδας έως ότου κλείσει το πλαίσιο.
Σύνταξη:
ειδοποίηση (μήνυμα)
Εδώ, το μήνυμα είναι τύπος που καθορίζει το κείμενο που θα εμφανίζεται στο πλαίσιο ειδοποίησης ή αντικείμενο μετατρέπεται σε συμβολοσειρά και εμφανίζεται. Είναι προαιρετικό.
Παράδειγμα:
function myFunction () {alert ('Αυτή είναι μια ειδοποίηση!')}Παραγωγή:
κλήση με αναφορά c ++ παράδειγμα
Πώς να δημιουργήσετε μια ειδοποίηση σε JavaScript;
ο συναγερμός() Η μέθοδος στο JavaScript εμφανίζει ένα πλαίσιο ειδοποίησης. Εμφανίζει ένα καθορισμένο μήνυμα μαζί με ένα Εντάξει κουμπί και χρησιμοποιείται γενικά για να βεβαιωθείτε ότι ο χρήστης λαμβάνει τις πληροφορίες. Επιστρέφει μια συμβολοσειρά που αντιπροσωπεύει το κείμενο που θα εμφανίζεται στο πλαίσιο ειδοποίησης. Ας πάρουμε ένα παράδειγμα και να δούμε πώς να δημιουργήσουμε μια ειδοποίηση σε JavaScript:
Ειδοποίηση () Μέθοδος σε JavaScript h1 {color: Blue} h2 {font-family: Impact} body {text-align: center}Ειδοποίηση σε JavaScript
Για να εμφανίσετε το μήνυμα ειδοποίησης, κάντε κλικ στο κουμπί 'Εμφάνιση μηνύματος ειδοποίησης':
Εμφάνιση λειτουργίας συναγερμού μηνύματος myalert () {alert ('This is the Alert Message!')}Παραγωγή:
Αφού κάνετε διπλό κλικ στο κουμπί, θα λάβετε την ακόλουθη έξοδο:
Με αυτό, φτάσαμε στο τέλος του άρθρου μας. Ελπίζω να καταλάβετε τι είναι μια ειδοποίηση στο JavaScript και πώς μπορείτε να δημιουργήσετε ένα πλαίσιο ειδοποίησης.
Ρίξτε μια ματιά στο δικό μας που έρχεται με ζωντανή εκπαίδευση με καθοδήγηση εκπαιδευτή και πραγματική εμπειρία έργου. Αυτή η εκπαίδευση σας κάνει ικανό σε δεξιότητες για να εργαστείτε με τεχνολογίες ιστού back-end και front-end. Περιλαμβάνει εκπαίδευση σε Web Development, jQuery, Angular, NodeJS, ExpressJS και MongoDB.
Έχετε μια ερώτηση για εμάς; Παρακαλώ αναφέρετέ το στην ενότητα σχολίων του blog 'Ειδοποίηση σε JavaScript' και θα επικοινωνήσουμε μαζί σας.