JavaScript και παράθυρα διαλόγου: ειδοποίηση, επιβεβαίωση, προτροπή. Αντικαταστήστε το παράθυρο διαλόγου επιβεβαίωσης με jQuery

Σε αυτό το άρθρο, θα εξερευνήσουμε τρεις ενδιαφέρουσες μεθόδους, συγκεκριμένα μεθόδους alert(), confirm() και prompt().. Όλοι αυτοί σχεδιασμένο για αλληλεπίδραση με τον χρήστη.

Και οι τρεις αυτές μέθοδοι ανήκουν στο αντικείμενο παράθυρο (Παράθυρο Browser). Και μπορούν να ονομαστούν ως εξής: window.method_name(); Αλλά η JavaScript μας επιτρέπει να μην καθορίσουμε αυτό το αντικείμενο παραθύρου, αλλά απλώς να γράψουμε το όνομα της μεθόδου.

Θα ξεκινήσουμε με τη μέθοδο alert(). Αυτή η μέθοδος εμφανίζει το καθορισμένο μήνυμα στο παράθυρο του προγράμματος περιήγησης του χρήστη. Αυτό το παράθυρο θα εμφανιστεί στην κορυφή ολόκληρης της σελίδας και μέχρι ο χρήστης να κάνει κλικ στο κουμπί OK, δεν θα κλείσει.

Για να το δείξουμε, ας εμφανίσουμε ένα μήνυμα χρησιμοποιώντας τη μέθοδο alert().

Var today_is = "Δευτέρα"; alert("Σήμερα" + σήμερα_είναι);

Μέσα στη μέθοδο μπορούμε να καθορίσουμε οποιαδήποτε συμβολοσειρά, μόνο χωρίς ετικέτες html. Δεν υποβάλλονται σε επεξεργασία εδώ, αλλά εμφανίζονται ως έχουν.

Εάν η γραμμή που θέλουμε να υποδείξουμε είναι πολύ μεγάλη και θέλουμε να δημιουργήσουμε μια νέα γραμμή, τότε εδώ είναι η ετικέτα html
δεν θα λειτουργήσει. Εδώ πρέπει να χρησιμοποιήσετε τον χαρακτήρα "\n".

Alert("Loooooooooong \nStringgggggg");

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

Η διαδικασία επεξεργασίας κώδικα πηγαίνει από πάνω προς τα κάτω, οπότε για να εντοπίσουμε ένα σφάλμα, γράφουμε απλώς τη μέθοδο alert() στην αναμενόμενη περιοχή όπου βρίσκεται το σφάλμα. Και αν η alert() λειτούργησε, τότε δεν υπάρχουν σφάλματα μέχρι τη γραμμή όπου είναι γραμμένο.

Στη συνέχεια, πρέπει να το μετακινήσετε μία ή περισσότερες γραμμές παρακάτω. Αποθηκεύουμε τις αλλαγές, ανανεώνουμε ξανά τη σελίδα στο πρόγραμμα περιήγησης και βλέπουμε αν η ειδοποίηση() λειτούργησε, τότε δεν υπάρχουν σφάλματα μέχρι τη γραμμή όπου βρίσκεται, διαφορετικά, αν δεν λειτούργησε, το σφάλμα βρίσκεται στη γραμμή πάνω από το σημείο που βρίσκεται τώρα. Έτσι μπορείτε να βρείτε ένα σφάλμα στον κώδικα.

μέθοδο επιβεβαίωσης().

Αυτή η μέθοδος χρησιμοποιείται για να επιβεβαιώσει την απάντηση σε μια ερώτηση. Υπάρχουν μόνο δύο επιλογές απάντησης, ναι (OK) ή όχι (Ακύρωση). Εάν ο χρήστης απαντήσει ναι, τότε η μέθοδος επιστρέφει true, διαφορετικά επιστρέφει false.

Για παράδειγμα, θα εμφανίσουμε ένα παράθυρο χρησιμοποιώντας τη μέθοδο επιβεβαίωσης(), όπου θα ρωτήσουμε τον χρήστη "Είστε βέβαιοι ότι θέλετε να φύγετε από τη σελίδα;" Εάν ο χρήστης απαντήσει ναι, τότε μέσω της μεθόδου alert() θα εμφανίσουμε το ακόλουθο μήνυμα «Ο χρήστης θέλει να φύγει από τη σελίδα», διαφορετικά θα εμφανίσουμε ένα άλλο μήνυμα «Ο χρήστης ΔΕΝ θέλει να φύγει από τη σελίδα».

Var user_answer = confirm("Είστε βέβαιοι ότι θέλετε να φύγετε από τη σελίδα;"); if(user_answer) alert("Ο χρήστης θέλει να φύγει από τη σελίδα"); else alert("Ο χρήστης ΔΕΝ θέλει να \nαποχωρήσει από τη σελίδα");

Έτσι λειτουργεί η μέθοδος επιβεβαίωσης(). Μπορεί να χρησιμοποιηθεί σε διάφορες περιπτώσεις. Για παράδειγμα, πριν αφαιρέσετε κάτι από έναν ιστότοπο, συνηθίζεται να ρωτάτε τον χρήστη εάν είναι σίγουρος για τις ενέργειές του. Ή, πριν στείλετε τη φόρμα, μπορείτε επίσης να ρωτήσετε τον χρήστη «Συμπληρώσατε τα πάντα σωστά;» Αν απαντήσει ναι, τότε η φόρμα θα σταλεί, διαφορετικά δεν θα σταλεί.

μέθοδος prompt().

Η τελευταία μέθοδος που θα μάθουμε είναι η μέθοδος prompt(). Αυτή η μέθοδος χρησιμοποιείται λιγότερο συχνά από τις άλλες δύο μεθόδους. Σας επιτρέπει να λαμβάνετε κάποιες πληροφορίες από τον χρήστη, τις οποίες θα εισάγει σε ένα πεδίο κειμένου.

Ως αποτέλεσμα, η μέθοδος prompt() επιστρέφει είτε την εισαγόμενη συμβολοσειρά εάν ο χρήστης έκανε κλικ στο κουμπί OK, είτε μηδενική εάν ο χρήστης έκανε κλικ στο κουμπί ακύρωσης.

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

Για παράδειγμα, ας ζητήσουμε από τον χρήστη να απαντήσει στην ερώτηση "Πώς είναι το όνομά σου;" Το όνομα που εισήγαγε ο χρήστης θα εμφανιστεί στην οθόνη χρησιμοποιώντας τη μέθοδο alert().

Var name = prompt("What is your name?"); alert("Το όνομά σας είναι " + όνομα);

Αποθηκεύστε και ανοίξτε τη σελίδα στο πρόγραμμα περιήγησης.

Φυσικά, μπορείτε να εισάγετε οποιαδήποτε πληροφορία στο πεδίο κειμένου από τη μέθοδο prompt(). Αυτές οι πληροφορίες θα επιστραφούν ως συμβολοσειρά, ακόμη και στην περίπτωση αριθμών ή άλλων ειδικών χαρακτήρων.

Για παράδειγμα, ας ζητήσουμε από τον χρήστη να εισάγει δύο αριθμούς και μετά να τους πολλαπλασιάσει. Θα υπάρχει κάποιο είδος αριθμομηχανής για τον πολλαπλασιασμό των αριθμών.

Var x = prompt("Εισαγάγετε τον πρώτο αριθμό:"); var y = prompt("Εισαγάγετε τον δεύτερο αριθμό:"); //Μετατροπή των εισαγόμενων αριθμών από τύπο συμβολοσειράς σε αριθμητικό τύπο x = Number(x); y = Αριθμός(y); document.write(x + " * " + y + " = " + (x * y));

Οι αριθμοί που εισάγονται είναι συμβολοσειρές, επομένως για το σωστό αποτέλεσμα του πολλαπλασιασμού, αυτοί οι αριθμοί πρέπει να περάσουν από τη συνάρτηση Number(), η οποία τους μετατρέπει από τύπο συμβολοσειράς σε κανονικούς αριθμούς.

Λοιπόν, αυτό είναι όλο. Τώρα γνωρίζετε τρεις ακόμη μεθόδους: alert(), confirm() και prompt(). Το οποίο μπορείτε να χρησιμοποιήσετε με ασφάλεια στην πράξη.

Υπάρχουν τρεις βασικές λειτουργίες στο JavaScript που σας επιτρέπουν να λαμβάνετε δεδομένα από τον χρήστη για περαιτέρω επεξεργασία σε σενάρια. Αυτά είναι προειδοποίηση, προτροπή και επιβεβαίωση. Τι χρησιμοποιούνται, πώς να τις χρησιμοποιήσετε και άλλες αποχρώσεις θα συζητηθούν αργότερα σε αυτό το άρθρο.

συναγερμός

Χρησιμοποιείται για την εμφάνιση ενός παραθύρου στην οθόνη του προγράμματος περιήγησης (αυτό σημαίνει ότι ο χρήστης δεν μπορεί να κάνει κλικ σε τίποτα στη σελίδα μέχρι να κλείσει αυτό το παράθυρο. Σε αυτό το παράδειγμα, μέχρι να κάνει κλικ στο "OK" στο παράθυρο).

Μετά την εμφάνιση του μηνύματος που περιέχεται στην ειδοποίηση, η εκτέλεση του σεναρίου αναστέλλεται και συνεχίζεται μετά το κλείσιμο του παραθύρου.

Σε περίπτωση πλήρωσηςπεδία και κάντε κλικ στο OK, οι πληροφορίες που εισάγει ο χρήστης θα επιστραφούν στο σενάριο.

Σύνταξη αυτής της εντολήςκάπως πιο περίπλοκο από το προηγούμενο, καθώς σας επιτρέπει να ορίσετε το κείμενο του μηνύματος στον χρήστη και τα περιεχόμενα του πεδίου για την εισαγωγή πληροφοριών, τα οποία θα εμφανίζονται από προεπιλογή: αποτέλεσμα = προτροπή(τίτλος, προεπιλογή) ;, Οπου

τίτλος– ένα μήνυμα που θα εμφανιστεί στον χρήστη σε ένα παράθυρο μοντάζ. Το επιχείρημα απαιτείται.
Προκαθορισμένο– τι θα εμφανίζεται στο πεδίο εισαγωγής κειμένου από προεπιλογή. Απαιτείται επίσης, γιατί αν δεν προσδιορίζεται, μπορεί να οδηγήσει σε σφάλματα σε ορισμένα προγράμματα περιήγησης. Εάν θέλετε να αφήσετε κενό το πεδίο εισαγωγής πληροφοριών, τότε απλώς ορίστε την προτροπή ως εξής:
var myTest = prompt("Any info" , """);

Μικρό παράδειγμα χρήσης προτροπής:

var έτος = προτροπή( «Τι χρονιά αποφοιτήσατε από το πανεπιστήμιο;», 2008); alert("Είστε απόφοιτος " + έτος + " έτος!" ) ;

Συνήθως, αυτή η εντολή χρησιμοποιείται για τη συλλογή δεδομένων από χρήστες που είναι απαραίτητα για τη συνέχιση της περαιτέρω εργασίας του σεναρίου.

επιβεβαιώνω

Αντιπροσωπεύει επίσης ένα τροπικό παράθυρο. Όπως μπορείτε να μαντέψετε από το όνομα, συνήθως χρησιμοποιείται για να συντονίσει κάτι με τον χρήστη.

Αυτός είναι ο λόγος για τον οποίο έχει σχεδιαστεί για αλληλεπίδραση, παρέχει στον χρήστη κουμπιά OK και CANCEL, τα οποία επιστρέφουν τις τιμές Boolean true και false στο σενάριο, αντίστοιχα: 4 (μέσος όρος 4 στα 5).

HTML, XHTML και CSS 100% Kvint Igor

μέθοδο επιβεβαίωσης().

Η μέθοδος επιβεβαίωσης() εμφανίζει ένα παράθυρο επιβεβαίωσης, το οποίο είναι παρόμοιο με το παράθυρο ειδοποίησης που δημιουργείται από τη μέθοδο alert(), αλλά περιέχει δύο κουμπιά: OK και Άκυρο. Η λίστα 11.3 δείχνει τη δημιουργία ενός παραθύρου επιβεβαίωσης, αλλά αυτή η δέσμη ενεργειών δεν κάνει διαφοροποίηση μεταξύ των κουμπιών OK και Cancel. Πατώντας οποιοδήποτε από τα κουμπιά θα κλείσει απλώς το παράθυρο (Εικ. 11.5).

Ρύζι. 11.5.Εργασία με επιβεβαίωση

Λίστα 11.3.Εργασία με επιβεβαίωση

Εργασία με επιβεβαίωση

επιβεβαιώστε ("Αυτή είναι η επιβεβαίωση μου");

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

Από το βιβλίο Windows Script Host για Windows 2000/XP συγγραφέας Ποπόφ Αντρέι Βλαντιμίροβιτς

Μέθοδος εκτέλεσης Η παράμετρος intWindowStyle ορίζει τον τύπο παραθύρου για την εκκίνηση της εφαρμογής (Πίνακας 1.13). Πίνακας 1.13. Τύποι παραθύρων (intWindowStyle) Παράμετρος Visual Basic Constant Περιγραφή 0 vbHide Αποκρύπτει το τρέχον παράθυρο και ενεργοποιεί ένα άλλο παράθυρο (το δείχνει και του δίνει εστίαση) 1 vbNormalFocus Ενεργοποιεί και

Από το βιβλίο Programming in Ruby [Γλωσσική ιδεολογία, θεωρία και πρακτική εφαρμογής] από τον Fulton Hal

Μέθοδος διαγραφής Εάν η παράμετρος δύναμης είναι ψευδής ή δεν έχει καθοριστεί, τότε χρησιμοποιώντας τη μέθοδο Διαγραφής θα είναι αδύνατο να διαγράψετε έναν κατάλογο με χαρακτηριστικό μόνο για ανάγνωση. Η ρύθμιση της δύναμης σε true θα επιτρέψει την άμεση διαγραφή τέτοιων καταλόγων Όταν χρησιμοποιείτε τη μέθοδο Delete, δεν έχει σημασία αν η καθορισμένη

Από το βιβλίο Προγραμματισμός PDA και Smartphones στο .NET Compact Framework συγγραφέας Klimov Alexander P.

Μέθοδος μετακίνησης Η απαιτούμενη παράμετρος προορισμού καθορίζει τον κατάλογο στον οποίο θα γίνει η μετακίνηση. Οι χαρακτήρες μπαλαντέρ δεν επιτρέπονται στο όνομα ενός καταλόγου. Σημείωση Αντί για τη μέθοδο Μετακίνηση, μπορείτε να χρησιμοποιήσετε τη μέθοδο αντικειμένου MoveFolder

Από το βιβλίο Linux and UNIX: shell programming. Οδηγός προγραμματιστή. από τον Tainsley David

Μέθοδος αντιγραφής Η απαιτούμενη παράμετρος προορισμού καθορίζει το αρχείο στο οποίο θα γίνει το αντίγραφο. Οι χαρακτήρες μπαλαντέρ δεν επιτρέπονται σε ένα όνομα αρχείου Η παράμετρος αντικατάστασης είναι μια μεταβλητή Boolean που καθορίζει εάν θα αντικατασταθεί ένα υπάρχον αρχείο με το όνομα προορισμός (overwrite=true).

Από το βιβλίο Περιγραφή της γλώσσας PascalABC.NET συγγραφέας Ομάδα RuBoard

Μέθοδος διαγραφής Εάν η παράμετρος δύναμης είναι ψευδής ή δεν έχει καθοριστεί, τότε χρησιμοποιώντας τη μέθοδο Διαγραφής θα είναι αδύνατο να διαγράψετε ένα αρχείο με χαρακτηριστικό μόνο για ανάγνωση. Η ρύθμιση της δύναμης σε true θα επιτρέψει την άμεση διαγραφή τέτοιων αρχείων. Σημείωση Μπορείτε να χρησιμοποιήσετε τη μέθοδο DeleteFile αντί για τη μέθοδο Delete.

Από το βιβλίο του συγγραφέα

8.3.1. Η μέθοδος ένεσης Η μέθοδος ένεσης ήρθε στο Ruby από τη γλώσσα Smalltalk (εμφανίστηκε για πρώτη φορά στο Ruby 1.8). Η συμπεριφορά του είναι ενδιαφέρουσα, αν και δεν είναι εύκολο να γίνει κατανοητό από την πρώτη φορά. Φυσικά, τα περισσότερα

Από το βιβλίο του συγγραφέα

8.3.3. Μέθοδος διαχωρισμού Όπως λένε, «υπάρχουν δύο τύποι ανθρώπων στον κόσμο: αυτοί που χωρίζουν τους ανθρώπους σε διαφορετικούς τύπους και αυτοί που δεν το κάνουν». Η μέθοδος κατάτμησης δεν αναφέρεται σε άτομα (αν και μπορούμε να τα αναπαραστήσουμε ως αντικείμενα στο Ruby), αλλά διαιρεί επίσης το σύνολο σε δύο μέρη

Από το βιβλίο του συγγραφέα

11.1.10. μέθοδος initialize_copy Όταν αντιγράφετε ένα αντικείμενο χρησιμοποιώντας τη μέθοδο dup ή clone, ο κατασκευαστής δεν καλείται. Όλες οι πληροφορίες κατάστασης αντιγράφονται, αλλά τι γίνεται αν δεν χρειάζεστε αυτήν τη συμπεριφορά; Ας δούμε ένα παράδειγμα: class Document attr_accessor:title, :text attr_reader:timestamp def initialize(title, text) @title, @text = title, text @timestamp =

Από το βιβλίο του συγγραφέα

11.1.11. Η μέθοδος εκχώρησης Είναι σπάνιο, αλλά συμβαίνει να χρειαστεί να δημιουργήσετε ένα αντικείμενο χωρίς να καλέσετε τον κατασκευαστή του (παρακάμπτοντας τη μέθοδο προετοιμασίας). Για παράδειγμα, μπορεί η κατάσταση ενός αντικειμένου να καθορίζεται εξ ολοκλήρου από τις μεθόδους πρόσβασής του. τότε δεν χρειάζεται να καλέσετε τη νέα μέθοδο (η οποία θα καλέσει αρχικοποίηση) εκτός εάν εσείς

Από το βιβλίο του συγγραφέα

11.3.2. Μέθοδος const_get Η μέθοδος const_get λαμβάνει την τιμή μιας σταθεράς με το δεδομένο όνομα από τη μονάδα ή την κλάση στην οποία ανήκει.str = "PI"Math.const_get(str) # Η τιμή είναι Math::PI Αυτός είναι ένας τρόπος αποφύγετε να ονομάσετε τη μέθοδο eval, η οποία μερικές φορές θεωρείται άκομψη. Αυτή η προσέγγιση είναι φθηνότερη από άποψη

Από το βιβλίο του συγγραφέα

11.3.5. Η μέθοδος define_method Εκτός από τη λέξη-κλειδί def, ο μόνος κανονικός τρόπος για να προσθέσετε μια μέθοδο σε μια κλάση ή ένα αντικείμενο είναι να χρησιμοποιήσετε τη μέθοδο define_method, και σας επιτρέπει να το κάνετε αυτό κατά την εκτέλεση χρόνος εκτέλεσης. Αν

Από το βιβλίο του συγγραφέα

11.3.6. μέθοδος const_missing Η μέθοδος const_missing είναι παρόμοια με τη μέθοδο method_missing. Όταν προσπαθείτε να αποκτήσετε πρόσβαση σε μια άγνωστη σταθερά, καλείται αυτή η μέθοδος - εάν έχει οριστεί, φυσικά. Ως παράμετρος, μεταβιβάζεται ένα σύμβολο που αναφέρεται σε μια σταθερά για να υποκλέψει τις κλήσεις

Από το βιβλίο του συγγραφέα

Μέθοδος Lockbits Το .NET Compact Framework 2.0 εισήγαγε περιορισμένη υποστήριξη για τη μέθοδο LockBits, η οποία μπορεί να χρησιμοποιηθεί για τον χειρισμό μιας σειράς εικονοστοιχείων εικόνας. Η απαρίθμηση ImageLockMode σε αυτήν τη μέθοδο επιτρέπει τις τιμές ReadWrite, ReadOnly και WriteOnly. Και η απαρίθμηση PixelFormat υποστηρίζει

Από το βιβλίο του συγγραφέα

Μέθοδος Zip Περιγραφή μεθόδων Δίνονται μέθοδοι για την ακολουθία της συνάρτησης Τ. Zip (second: sequence of TSsecond; resultSelector: (T,TSsecond)->Res): ακολουθία Res; Συνενώνει δύο ακολουθίες χρησιμοποιώντας την καθορισμένη συνάρτηση, η οποία παίρνει ένα στοιχείο από κάθε ακολουθία και

Από το βιβλίο του συγγραφέα

Μέθοδος Περιέχει Περιγραφή μεθόδων Δίνονται μέθοδοι για την ακολουθία ακολουθίας της συνάρτησης Τ. Περιέχει(τιμή: T): boolean; Καθορίζει εάν το καθορισμένο στοιχείο περιέχεται στην ακολουθία, χρησιμοποιώντας τον προεπιλεγμένο συγκριτή ισότητας. συνάρτηση Περιέχει(τιμή: T, συγκριτής: IEqualityComparer ): boolean;