Αυτός ο οδηγός θα απεικονίσει τις προσεγγίσεις για την τοποθέτηση JavaScript σε ένα αρχείο HTML.
Πού να τοποθετήσετε το JavaScript σε ένα αρχείο HTML;
Η τοποθέτηση της JavaScript σε ένα αρχείο HTML μπορεί να είναι:
Προσέγγιση 1: Τοποθέτηση JavaScript εντός ετικέτας σε αρχείο HTML
Σε αυτήν την προσέγγιση, η τοποθέτηση του τμήματος JavaScript του κώδικα μέσα στο ' <κεφάλι> Θα απεικονίζεται η ετικέτα.
Παράδειγμα
Ας κάνουμε μια επισκόπηση της παρακάτω επίδειξης:
< κεφάλι >
< τύπο σεναρίου = 'κείμενο/javascript' >
τοποθέτηση συναρτήσεωνJs ( ) {
συναγερμός ( 'Η τοποθέτηση της JavaScript βρίσκεται εντός της ετικέτας ' )
}
γραφή >
κεφάλι >
< σώμα >
< κέντρο >< κουμπί κάνοντας κλικ = 'placementJs()' > Κάντε κλικ στο Me κουμπί κέντρο >
σώμα >
Στο παραπάνω απόσπασμα κώδικα:
- Συμπεριλάβετε το τμήμα JavaScript του κώδικα μέσα στο ' <κεφάλι> ετικέτα ' με τη βοήθεια του ' <σενάριο> ετικέτα '.
- Στον κώδικα JS, ορίστε μια συνάρτηση με το όνομα ' τοποθέτησηJs() '. Στον ορισμό του, εμφανίστε το δηλωμένο μήνυμα μέσω του πλαισίου διαλόγου ειδοποίησης.
- Τέλος, στον κώδικα HTML, δημιουργήστε ένα κουμπί με ' στο κλικ ” συμβάν που θα ανακατευθύνει στην καθορισμένη λειτουργία στο προηγούμενο βήμα με το πάτημα του κουμπιού.
Παραγωγή
Στην παραπάνω έξοδο, μπορεί να φανεί ότι ο κώδικας JS λειτουργεί σωστά τοποθετώντας τον μέσα στο ' <κεφάλι> ετικέτα '.
Προσέγγιση 2: Τοποθέτηση JavaScript εντός της ετικέτας σε ένα αρχείο HTML
Σε αυτήν την προσέγγιση, η τοποθέτηση του κώδικα JavaScript μέσα στο ' <σώμα> Θα συζητηθεί η ετικέτα σε ένα αρχείο HTML.
Παράδειγμα
Το παρακάτω παράδειγμα επεξηγεί την αναφερόμενη έννοια:
< σώμα >< κέντρο >< κουμπί κάνοντας κλικ = 'placementJs()' > Κάντε κλικ στο Me κουμπί κέντρο >
< τύπο σεναρίου = 'κείμενο/javascript' >
τοποθέτηση συναρτήσεωνJs ( ) {
συναγερμός ( 'Η τοποθέτηση της JavaScript βρίσκεται εντός της ετικέτας ' )
}
γραφή >
σώμα >
Στις παραπάνω γραμμές κώδικα:
- Μέσα στο ' <σώμα> Η ετικέτα ', επίσης, δημιουργήστε ένα κουμπί που επικαλείται τη συνάρτηση placementJs() με τη βοήθεια του ' στο κλικ ' Εκδήλωση.
- Στο μπλοκ κώδικα JavaScript, δηλώστε μια συνάρτηση με το όνομα ' τοποθέτησηJs() '.
- Αυτή η λειτουργία θα ενεργοποιηθεί με το πάτημα του κουμπιού και θα εμφανιστεί το δηλωμένο μήνυμα μέσω μιας ειδοποίησης.
Παραγωγή
Προσέγγιση 3: Τοποθέτηση JavaScript ως εξωτερικό αρχείο
Αυτή η συγκεκριμένη προσέγγιση περιλαμβάνει την τοποθέτηση ενός μπλοκ κώδικα JavaScript ως εξωτερικό αρχείο JS που έχει το συγκεκριμένο όνομα αρχείου με επέκταση ' .js ' στο ' src ' Χαρακτηριστικό.
Παράδειγμα
Ας περάσουμε από το ακόλουθο παράδειγμα:
< σώμα >< κέντρο >< κουμπί κάνοντας κλικ = 'placementJs()' > Κάντε κλικ στο Me κουμπί κέντρο >
σώμα >
< τύπο σεναρίου = 'κείμενο/javascript' src = εξωτερικό αρχείο. js γραφή >
Στον παραπάνω κώδικα HTML:
- Θυμηθείτε την προσέγγιση που συζητήθηκε για τη δημιουργία ενός κουμπιού που ανακατευθύνει στη συνάρτηση JavaScript ' τοποθέτησηJs() '.
- Μετά από αυτό, ενσωματώστε τις λειτουργίες JavaScript με τη βοήθεια ενός εξωτερικού αρχείου JS που συνδέεται με το αναφερόμενο όνομα αρχείου στο ' src ' Χαρακτηριστικό.
Ας προχωρήσουμε στον παρακάτω κώδικα JS:
τοποθέτηση συναρτήσεωνJs ( ) {συναγερμός ( 'Αυτό είναι ένα εξωτερικό αρχείο JavaScript' )
}
Στο παραπάνω μπλοκ κώδικα:
- Ορίστε μια συνάρτηση με το όνομα ' placementJS() '.
- Στον ορισμό του, εμφανίστε το δηλωμένο μήνυμα μέσω ειδοποίησης με το πάτημα του κουμπιού.
- Αυτή η προσέγγιση θα επιστρέψει κατά συνέπεια το ίδιο αποτέλεσμα με την ενσωμάτωση των αρχείων HTML και JavaScript.
Παραγωγή
Προσφέραμε αυθεντικές πληροφορίες σχετικά με την τοποθέτηση JavaScript σε ένα αρχείο HTML.
συμπέρασμα
Η τοποθέτηση της JavaScript σε ένα αρχείο HTML μπορεί να είναι στο ' <κεφάλι> 'ετικέτα, το ' <σώμα> 'ετικέτα ή ως εξωτερικό' js αρχείο ' προσδιορίζοντας το ' src '. Ο κώδικας JavaScript λειτουργεί το ίδιο όταν τοποθετείται σε οποιαδήποτε από τις αναφερόμενες ετικέτες. Ωστόσο, η τοποθέτηση JavaScript ως εξωτερικό αρχείο js βοηθά στην επαναχρησιμοποίηση του κώδικα. Αυτό το ιστολόγιο καθοδηγεί σχετικά με την τοποθέτηση JavaScript σε ένα αρχείο HTML.