Ο κύριος τρόπος δημιουργίας δυναμικών εφέ σε ιστοσελίδες είναι μέσω της χρήσης σεναρίων από την πλευρά του πελάτη. Είναι κομμάτια κώδικα που ερμηνεύονται από τη μηχανή scripting της εφαρμογής που εμφανίζει το έγγραφο. Το JavaScript είναι μια δημοφιλής γλώσσα προγραμματισμού που χρησιμοποιείται για δέσμες ενεργειών. Προκειμένου το σενάριο να μπορεί να εκτελεστεί, πρέπει να εισαχθεί στο έγγραφο με κάποιο τρόπο.
Είναι απαραίτητο
- - κωδικός σεναρίου ·
- - έγγραφο προέλευσης ·
- - επεξεργαστής κειμένου.
Οδηγίες
Βήμα 1
Προσδιορίστε τον καλύτερο τρόπο εισαγωγής του σεναρίου. Εάν υποτεθεί ότι το ίδιο σενάριο θα χρησιμοποιηθεί σε διαφορετικά έγγραφα, τότε είναι λογικό να το μετακινήσετε σε εξωτερικό αρχείο και να το συνδέσετε από εκεί. Διαφορετικά, αξίζει να ενσωματώσετε το κείμενο του σεναρίου στο κύριο μέρος της σελίδας. Εάν το μέγεθος του σεναρίου είναι μεγάλο, αξίζει να το τοποθετήσετε σε ξεχωριστό μπλοκ στο έγγραφο. Εάν ο κωδικός προγράμματος είναι μικρός σε όγκο και εφαρμόζει αντίδραση σε οποιοδήποτε συμβάν, επιτρέπεται να τον τοποθετήσετε σε ένα χαρακτηριστικό που καθορίζει τον ενσωματωμένο χειριστή συμβάντων ενός στοιχείου ή το χαρακτηριστικό href ενός συνδέσμου.
Βήμα 2
Επικολλήστε το σενάριο από εξωτερική πηγή. Προσθέστε ένα στοιχείο SCRIPT με τα καθορισμένα χαρακτηριστικά src και type στο σώμα του εγγράφου ή στην ενότητα HEAD. Για παράδειγμα, μπορείτε να το κάνετε έτσι: Η τιμή του χαρακτηριστικού src πρέπει να είναι ένα URI που δείχνει τον πόρο από τον οποίο θα φορτωθεί το κείμενο του σεναρίου. Το χαρακτηριστικό charset είναι προαιρετικό. Υποδεικνύει την κωδικοποίηση του κειμένου του σεναρίου. Αλλά εάν παραλειφθεί, η τιμή κωδικοποίησης θα ληφθεί ως η τιμή κωδικοποίησης του εγγράφου στο οποίο εισάγεται το σενάριο.
Βήμα 3
Εισαγάγετε το σενάριο στο κείμενο της σελίδας. Χρησιμοποιήστε ένα στοιχείο SCRIPT με κείμενο σεναρίου μέσα. Για παράδειγμα, μπορεί να μοιάζει με αυτό:
ειδοποίηση ("Το σενάριο λειτουργεί!");
Απαιτούνται σχόλια HTML που περικλείουν τον κώδικα για συμβατότητα με παλαιότερα προγράμματα περιήγησης. Μπορείτε να χρησιμοποιήσετε σχόλια XML σε έγγραφα XHTML.
Βήμα 4
Εισαγάγετε κώδικα javascript σε ενσωματωμένους χειριστές συμβάντων. Βρείτε το στοιχείο στο έγγραφο του οποίου το συμβάν θέλετε να χειριστείτε. Προσθέστε ένα χαρακτηριστικό που καθορίζει τον κατάλληλο χειριστή. Για παράδειγμα, το χαρακτηριστικό που καθορίζει τον χειριστή για κλικ του ποντικιού σε ένα στοιχείο είναι onclick, ο χειριστής για την απώλεια σήματος εστίασης είναι onblur και ο χειριστής πληκτρολόγησης είναι onkeydown.
Βήμα 5
Εισαγάγετε τον κωδικό δέσμης ενεργειών ως κείμενο που καθορίζει την τιμή του προστιθέμενου χαρακτηριστικού. Για παράδειγμα, για να εμφανιστεί ένα μήνυμα όταν κάνετε κλικ σε ένα στοιχείο DIV με το ποντίκι, μπορείτε να χρησιμοποιήσετε την ακόλουθη κατασκευή: Κείμενο κειμένου κειμένου Σημειώστε ότι για να ορίσετε τις γραμματοσειρές συμβολοσειράς στον κώδικα χειριστή ενσωματωμένου στοιχείου, πρέπει να χρησιμοποιήσετε διαφορετικό τύπο εισαγωγικών που καθορίζουν την τιμή του χαρακτηριστικού HTML …
Βήμα 6
Προσθέστε το σενάριο στο στοιχείο href του συνδέσμου. Η τιμή href πρέπει να είναι μια διεύθυνση URL, η περιγραφή του πρωτοκόλλου της οποίας είναι "javascript:" και το τμήμα διεύθυνσης είναι μια υπολογισμένη έκφραση. Για παράδειγμα: Κείμενο σύνδεσης Εάν θέλετε να χρησιμοποιήσετε πολλές εκφράσεις, χρησιμοποιήστε ένα μπλοκ δηλώσεων που ορίζεται από τις αγκύλες {και}.