Μπορούν τα σενάρια κώδικα να αποθηκευτούν σε εξωτερικό αρχείο;

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

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

Είναι πολύ καλύτερο αν κάνουμε το JavaScript ανεξάρτητο από την ιστοσελίδα που τη χρησιμοποιεί.

Ευτυχώς, το προγραμματιστές HTML και JavaScript έχουν δώσει μια λύση σε αυτό το πρόβλημα. Μπορούμε να μετακινήσουμε τα JavaScript μας εκτός της ιστοσελίδας και να συνεχίσουμε να λειτουργεί ακριβώς το ίδιο.

Το πρώτο πράγμα που πρέπει να κάνουμε για να κάνουμε ένα JavaScript εξωτερικό από τη σελίδα που το χρησιμοποιεί είναι να επιλέξουμε τον ίδιο τον πραγματικό κώδικα JavaScript (χωρίς τις ετικέτες σεναρίων HTML που περιβάλλουν) και αντιγράψτε τον σε ξεχωριστό αρχείο.

Για παράδειγμα, εάν το ακόλουθο σενάριο βρίσκεται στη σελίδα μας, θα επιλέξαμε και θα αντιγράψαμε το μέρος με έντονη γραφή:

Υπήρχε μια πρακτική τοποθέτησης JavaScript σε ένα έγγραφο HTML μέσα σε ετικέτες σχολίων για να σταματήσει η εμφάνιση του κώδικα από παλαιότερα προγράμματα περιήγησης. Ωστόσο, τα νέα πρότυπα HTML λένε ότι τα προγράμματα περιήγησης πρέπει να αντιμετωπίζουν αυτόματα τον κώδικα στο Ετικέτες σχολίων HTML ως σχόλια, και αυτό έχει ως αποτέλεσμα τα προγράμματα περιήγησης να αγνοούν το JavaScript σας.

Εάν έχετε κληρονομήσει σελίδες HTML από κάποιον άλλο με JavaScript μέσα από ετικέτες σχολίων, τότε δεν χρειάζεται να συμπεριλάβετε τις ετικέτες στον κώδικα JavaScript που επιλέγετε και αντιγράφετε.

Για παράδειγμα, θα αντιγράψετε μόνο τον έντονο κώδικα, αφήνοντας τις ετικέτες σχολίων HTML και στο παρακάτω δείγμα κώδικα:

Αφού επιλέξετε τον κώδικα JavaScript που θέλετε να μετακινήσετε, επικολλήστε τον σε ένα νέο αρχείο. Δώστε στο αρχείο ένα όνομα που υποδηλώνει τι κάνει το σενάριο ή προσδιορίζει τη σελίδα στην οποία ανήκει το σενάριο.

Δώστε το αρχείο a .js επίθημα, ώστε να γνωρίζετε ότι το αρχείο περιέχει JavaScript. Για παράδειγμα, μπορεί να χρησιμοποιήσουμε Γεια σας ως το όνομα του αρχείου για την αποθήκευση της JavaScript από το παραπάνω παράδειγμα.

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

Αρχικά, διαγράψτε τα πάντα μεταξύ των ετικετών σεναρίου:

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

Το παράδειγμά μας τώρα θα μοιάζει με αυτό:

src = "hello.js">

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

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

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

Στη συνέχεια, μπορείτε να αποκτήσετε πρόσβαση σε αυτό το αρχείο σεναρίου από οποιαδήποτε ιστοσελίδα απλά προσθέτοντας τις κατάλληλες ετικέτες σεναρίου HTML που καλούν αυτό το αρχείο σεναρίου.