Δεν υπάρχει περιορισμός στον αριθμό των ετικετών 'script' σε HTML. Έτσι, μπορεί να υπάρχουν πολλές ετικέτες 'script' σε ένα μόνο έγγραφο HTML.
Πώς εκτελούνται οι ετικέτες
Προσθέτωντας σχισμένο > Tag in Head Element
Ετικέτες σεναρίου με τις συναρτήσεις JavaScript μπορούν να προστεθούν στο στοιχείο κεφαλής. Ας εφαρμόσουμε αυτήν την ιδέα πρακτικά λαμβάνοντας ένα απλό παράδειγμα μιας συνάρτησης JavaScript που προστέθηκε στο στοιχείο κεφαλής του εγγράφου HTML.
Παράδειγμα
Απλώς προσθέστε το στοιχείο σεναρίου μέσα στο στοιχείο κεφαλίδας ή μετακινήστε το στοιχείο σεναρίου σε ένα υπάρχον έγγραφο HTML στην ετικέτα κεφαλής:
< κεφάλι >
< γραφή >
συνάρτηση myFunction() {
document.getElementById('demoId').innerHTML = 'Μετά!!!';
}
< / γραφή >
< / κεφάλι >
< σώμα >
< h2 > Προσθήκη ετικετών σεναρίου στο κεφάλι < / h2 >
< Π ταυτότητα = 'demoId' > Πριν... < / Π >
< κουμπί τύπος = 'κουμπί' στο κλικ = 'myFunction()' > Αλλαξέ το < / κουμπί >
< / σώμα >
Στο παραπάνω απόσπασμα κώδικα:
- Υπάρχει ένα ' “κατευθυνόμενος μέσα στο” σώμα ' στοιχείο και μετά από αυτό, υπάρχει ένα ' παράγραφος ' στοιχείο που περιέχει ένα απλό κείμενο.
- Στη συνέχεια δημιουργείται ένα κουμπί και μια συνάρτηση ' myFunction() ' έχει οριστεί στο ' στο κλικ Προστέθηκε χαρακτηριστικό ως ο χειριστής συμβάντων.
- Ο ' γραφή Το στοιχείο ' προστίθεται μέσα στο ' κεφάλι ' στοιχείο, και μέσα σε αυτό καλείται η συνάρτηση και το ' getElementById ' η μέθοδος έχει οριστεί με αναφορά στο ' demoId '.
Αυτό θα εκτελέσει σωστά τη λειτουργία JavaScript στην έξοδο:
Προσθέτωντας κρύπτη > Ετικέτα στο Στοιχείο σώματος
Οι ετικέτες σεναρίου μπορούν επίσης να προστεθούν μέσα στο ' <σώμα> “στοιχείο οπουδήποτε πριν από το τέλος” σώμα ετικέτες '.
Παράδειγμα
Τα ίδια αποτελέσματα θα προκύψουν εάν το « γραφή Προστίθενται ετικέτες στο σώμα στοιχείο:
< / σώμα >
< h2 >Προσθήκη ετικετών σεναρίου στο σώμα< / h2 >
< Π ταυτότητα = 'demoId' >Πριν...< / Π >
< κουμπί τύπος = 'κουμπί' στο κλικ = 'myFunction()' >Άλλαξέ το< / κουμπί >
< γραφή >
λειτουργία myFunction ( ) {
document.getElementById ( 'demoId' ) .innerHTML = 'Μετά!!!' ;
}
< / γραφή >
< / σώμα > Στο παραπάνω απόσπασμα κώδικα:
- Η ίδια λειτουργία JavaScript στον ίδιο κώδικα που εξηγήθηκε στην προηγούμενη ενότητα αυτής της ανάρτησης έχει προστεθεί στο στοιχείο σώματος.
Προσθέτοντας το « γραφή ετικέτες ' μέσα στο ' σώμα Το στοιχείο ” θα δημιουργήσει επίσης τα ίδια αποτελέσματα και θα κάνει τη λειτουργία JavaScript να εκτελείται σωστά:
Αυτό δείχνει πού πρέπει να « <σενάριο> Οι ετικέτες θα τοποθετηθούν σε ένα έγγραφο HTML. Ωστόσο, μπορεί να αναρωτιέστε εάν πρέπει να υπάρχει κάποια διαφορά μεταξύ των δύο μεθόδων.
Διαφορά στην τοποθέτηση