Ενδιάμεσο επιπέδου Javascript Tutorial

JavaScript , μία φορά την απλή scripting γλώσσα για την προσθήκη ελάχιστη αλληλεπίδραση με τις ιστοσελίδες , έχει γίνει μια πλήρως ανεπτυγμένη γλώσσα από μόνη της , και έχει διογκωθεί σε ένα ευρύ θέμα που αγγίζει σχεδόν κάθε πτυχή του Web ανάπτυξης. Για τον κύριο του έργου που έχει κυριαρχήσει τα βασικά της JavaScript , το μοντέλο αντικειμένου εγγράφου , ή DOM , και την επικύρωση με κανονικές εκφράσεις κάνει εξαιρετική τομείς της μελέτης . Τα πράγματα που θα χρειαστείτε
επεξεργαστή κειμένου , όπως το Σημειωματάριο
Modern πρόγραμμα περιήγησης , όπως ο Internet Explorer 8 ή το Firefox 3.6
Η Εμφάνιση Περισσότερες οδηγίες
αλληλεπιδρούν με το DOM
Η 1

Δημιουργήστε μια σελίδα Web χρησιμοποιώντας τον κωδικό :

?

Αποθηκεύστε τη σελίδα ως " dom.html . " 2

Αναζητήστε το αρχείο " dom.html " από το πρόγραμμα περιήγησης στο Web . Κάντε κλικ στο " Κάντε κλικ αυτό το " κουμπί . Η εκδήλωση θα click φωτιά από μια λειτουργία JavaScript που μεταβάλλει το περιεχόμενο του κειμένου πάνω από το κουμπί .
Εικόνων 3

Εξερευνήστε τον κώδικα JavaScript από το δείγμα . Χρησιμοποιεί τη λειτουργία document.getElementById σε συνδυασμό με την ιδιότητα innerHTML . Η μέθοδος getElementById αναζητά το DOM για τα στοιχεία που έχουν μια συγκεκριμένη ταυτότητα ως ένα χαρακτηριστικό . Το ακίνητο innerHTML κατέχει το html που περιέχονται εντός των ετικετών ενός στοιχείου . Με το να πάρει ένα στοιχείο με id της και μεταβάλλοντας την τιμή innerHTML αυτού του στοιχείου , μπορείτε να αλλάξετε το περιεχόμενο που εμφανίζεται στην σελίδα .
Εικόνων Επικύρωση με Κανονικές Εκφράσεις
Η 4

Δημιουργία μια ιστοσελίδα που περιέχει τον ακόλουθο κώδικα :

Κανονική Έκφραση Test

Αποθηκεύστε τη σελίδα ως " regEx.html . "
5

Αναζήτηση για " regEx.html " από το πρόγραμμα περιήγησης στο Web . Όταν φόρτωση της σελίδας , η λειτουργία validateOnA θα δοκιμάσει τη μεταβλητή testString να δούμε αν περιλαμβάνει το γράμμα « a ».
Η 6

Κοιτάξτε πέρα ​​από τη JavaScript . Χρησιμοποιεί μια απλή κανονική έκφραση που περιβάλλεται από το " /" χαρακτήρα και απλά ταιριάζει σε οποιοδήποτε χαρακτήρες που παρέχει.
Η 7

Αλλάξτε την τιμή της testString να "φρούτα ", ξαναφορτώστε τη σελίδα για να δείτε τι συμβαίνει .
8

Χρησιμοποιήστε δραπέτευσε χαρακτήρες σε τυπικές εκφράσεις σας . Οι χαρακτήρες μή προηγείται backslash ( "\\") και σας επιτρέπουν να ταιριάζει με τις κατηγορίες των χαρακτήρων . Για παράδειγμα, \\ d αγώνες για όλα τα ψηφία σε μια συγκεκριμένη σειρά . Δημιουργήστε μια σελίδα που περιέχει τον ακόλουθο κώδικα :

Κανονική Έκφραση Test

Αποθηκεύστε τη σελίδα ως " regExpEscape.html "
Η 9

Αναζήτηση για " regExpEscape.html " από το πρόγραμμα περιήγησης στο Web . Ο κωδικός θα δοκιμάσει το string " 123 " για να δείτε εάν περιέχει ψηφία .
Η 10

Αλλάξτε την τιμή της testString στο " μήλο" και να δούμε τι θα συμβεί . Προσπαθήστε να αλλάξετε testString να " apple1 . "

11

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

εικόνων