Κωδικός HTML για να καλέσετε τη λειτουργία ενός αρχείου JS

Συγγραφέας: Robert Simon
Ημερομηνία Δημιουργίας: 21 Ιούνιος 2021
Ημερομηνία Ενημέρωσης: 11 Ενδέχεται 2024
Anonim
Web Security: Active Defense, by Luciano Arango
Βίντεο: Web Security: Active Defense, by Luciano Arango

Περιεχόμενο

Οι ιστοσελίδες μπορούν να αναζητήσουν κώδικες σε εξωτερικά αρχεία. Αυτό επιτρέπει στους προγραμματιστές να καλούν λειτουργίες JavaScript αποθηκευμένες σε αρχεία ".js". Μέσα στην ενότητα "κεφάλι" μιας ιστοσελίδας HTML, ένας σύνδεσμος μπορεί να εισαγάγει τα περιεχόμενα ενός αρχείου JavaScript. Στην ενότητα "σώμα", η σήμανση HTML μπορεί να περιλαμβάνει οδηγίες για τις λειτουργίες κλήσης του προγράμματος περιήγησης σε οποιοδήποτε αρχείο JavaScript που περιλαμβάνεται στη σελίδα. Οι ιστοσελίδες συχνά καλούν αυτές τις λειτουργίες όταν κάποια αλληλεπίδραση με τον χρήστη εμφανίζεται στη σελίδα.


Οι αλληλεπιδράσεις χρήστη σε μια σελίδα ενεργοποιούν γενικά την εκτέλεση λειτουργιών (Hemera Technologies / AbleStock.com / Getty Images)

Σύνδεσμος σεναρίου

Για να χρησιμοποιήσετε λειτουργίες σε ένα εξωτερικό αρχείο JavaScript, μια ιστοσελίδα πρέπει να περιλαμβάνει μια σύνδεση με το αρχείο. Το παρακάτω παράδειγμα σήμανσης HTML επιδεικνύει μια σύνδεση με ένα αρχείο JavaScript που περιλαμβάνεται στην ενότητα "head" της HTML:

Αυτός ο κώδικας επιτρέπει στη σελίδα να χρησιμοποιεί λειτουργίες από ένα αρχείο που ονομάζεται "myfuncoes.js", το οποίο αποθηκεύεται στον ίδιο κατάλογο με τη συγκεκριμένη σελίδα. Εάν η διεύθυνση του σεναρίου βρίσκεται σε διαφορετική θέση, αυτός ο κώδικας πρέπει να αντικατοπτρίζει τη θέση στο χαρακτηριστικό "src".

Σύνοψη λειτουργίας

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


λειτουργία facaAlgoDeBom ()

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

facaAlgoDeBom ();

Όταν εκτελείται αυτός ο κώδικας, θα εκτελεστούν τα περιεχόμενα της λειτουργίας.

HTML σήμανση

Για να καλέσετε μια λειτουργία JavaScript σε HTML, οι προγραμματιστές πρέπει να αποφασίσουν πότε θα εκτελέσουν τη λειτουργία. Συχνά εκτελούνται λειτουργίες ενάντια σε αλληλεπίδραση χρήστη με ένα στοιχείο HTML. Αυτή η τεχνική χρησιμοποιεί ακροατές συμβάντων, οι οποίοι μπορείτε να επισυνάψετε σε στοιχεία HTML μέσω χαρακτηριστικών. Ο παρακάτω κώδικας δείχνει πώς να καθορίσετε μια συνάρτηση JavaScript που εκτελείται όταν ο χρήστης κάνει κλικ σε ένα στοιχείο:

Όταν ο χρήστης κάνει κλικ σε αυτό το κουμπί, ο περιηγητής θα εντοπίσει την καθορισμένη λειτουργία και στη συνέχεια θα την εκτελέσει.

Επιλογές

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


πολλαπλασιάζει τη λειτουργία (InitialNumber) {return InitialNumber * 5; }}

Το παρακάτω απόσπασμα καταδεικνύει τον τρόπο κλήσης αυτής της λειτουργίας και τη χρήση της τιμής επιστροφής:

var αποτέλεσμα = πολλαπλασιασμός (3); document.write (αποτέλεσμα);

Ο κώδικας περνά μια αριθμητική τιμή στη συνάρτηση και λαμβάνει μια άλλη τιμή επιστροφής. Αποθηκεύει την επιστρεφόμενη τιμή σε μια μεταβλητή και στη συνέχεια χρησιμοποιεί αυτήν την επιστροφή σε άλλη απόδοση.

Οι αστερίες δεν είναι πραγματικά ψάρια, αλλά θαλάσσια πλάσματα που σχετίζονται με κράκερ στην παραλία και αχινούς. Υπάρχουν περισσότερα από 2.000 είδη αστεριών στους ωκεανούς σε διαφορετικά χρώματα κα...

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

Πρόσφατα Άρθρα