JavaScript: παραδείγματα εφαρμογής

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

JS - γλώσσα προγραμματισμού «μέσα στο» πρόγραμμα περιήγησης. Τη JavaScript έχει μεγάλη εμπειρία σε συνεργασία με τα στοιχεία της σελίδας, τις πρωτότυπες λύσεις στον τομέα της αντικειμενοστραφή προγραμματισμό, «είναι σε θέση» να επικοινωνήσει με το διακομιστή, επειδή πολλά από τα δείγματα κώδικα JavaScript δεν είναι άμεσα διαθέσιμα για να κατανοήσει και να εφαρμόσει.

Γενικές μέσω ιδιωτικής: απλή αρχή

Προγραμματισμός στο πρόγραμμα περιήγησης είναι ακόμα σχετικά νέα, αλλά γρήγορα συσσωρεύσει μια υψηλής ποιότητας και πρωτότυπο εμπειρία. Η σύνταξη και η σημασιολογία της την Javascript έλαβε από τον τίτλο «προγόνους», και εν μέρει τη λειτουργικότητα και την πρακτικότητα της σύνταξης - από τότε που οι γλώσσες προγραμματισμού προ-internet, κυρίως C / C ++, Pascal.

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

Απλά ξεκινήστε με το χειριστή onload σύνδεσης στην ετικέτα του σώματος και να γράψει το παραδοσιακό «Hello» σε μοντέρνο στυλ «I` m έτοιμοι».

Αυτά τα παραδείγματα δείχνουν το JavaScript:

• το συμβάν φόρτωσης, συμβαίνουν μετά τη φόρτωση της σελίδας έχει έναν χειριστή - ΟοΡβαβ () συνάρτηση?
• Τα φορτία σελίδων και λειτουργία διαχείρισης λαμβάνει ΟοΡβαβ ()?
• μια λειτουργία ειδοποίησης ενδοεπικοινωνίας της γλώσσας, η οποία εμφανίζει ένα μήνυμα στο πρόγραμμα περιήγησης «Είμαι έτοιμος»?
• Browser επισκέπτης αναμένει αντίδραση.

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

Πολύ βολικό: JS είναι πολύ στενά συνδεδεμένη με τα στοιχεία της σελίδας. Έτσι, document.getElementById κλήση παρέχει μια σύνδεση σε ένα div με αναγνωριστικό «scTimer». Χρησιμοποιώντας την κατασκευή dTimer.innerHTML = «οποιοδήποτε έγκυρο κώδικα HTML», μπορείτε να αλλάξετε δυναμικά το περιεχόμενο του div.

Θα πρέπει να δίνετε ιδιαίτερη προσοχή στην σφάλμα στο σώμα της απροθυμία των σεναρίων σε JavaScript. Τα παραδείγματα αυτά προκαλούν αρνητικές συνέπειες. Η παραπάνω κώδικα που καθορίζεται ειδοποίησης ( «Είμαι έτοιμος»), και το έργο δεν το κάνει. Για να υποδεικνύουν κάθε είδους σειρών επιτρέπονται αποστρόφους: δύο μονά και διπλά, όπου μέσα σε ένα ζεύγος ενός είδους μπορεί να χρησιμοποιηθεί μόνο του, το άλλο - ως σύμβολο.

Σε αυτή την περίπτωση θα πρέπει να έχουν διευκρινιστεί, είτε alert ( "Είμαι έτοιμος"), συναγερμού ( 'I `m έτοιμο'), συναγερμού ( 'εγώ \' είμαι έτοιμος«), ή άλλους συνδυασμούς.

Σφάλμα στην JS-κώδικα

Στην αρχή ήταν το πρόγραμμα περιήγησης, με πρωτοβουλία του επισκέπτη που φορτώνεται σελίδα του site, έχτισε ένα δέντρο DOM και να ενεργοποιήσετε τη λειτουργία Javascript για: να του δώσει την ευκαιρία να αναλύσει το φορτωμένο σελίδα, η προετοιμασία του στοιχεία, χειρισμού συμβάντων και συνδέστε να έρθει σε επαφή με το διακομιστή.

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