Υπάρχουν διάφοροι διαφορετικοί τόποι όπου μπορεί να χρησιμοποιηθεί το JavaScript, αλλά το πιο συνηθισμένο μέρος για να το χρησιμοποιήσετε είναι σε μια ιστοσελίδα. Στην πραγματικότητα, για τους περισσότερους ανθρώπους που χρησιμοποιούν JavaScript, σε μια ιστοσελίδα είναι το μόνο μέρος όπου το χρησιμοποιούν.
Οι τρεις γλώσσες μιας ιστοσελίδας
Η πρώτη απαίτηση μιας ιστοσελίδας είναι να καθορίσει το περιεχόμενο της ιστοσελίδας. Αυτό γίνεται χρησιμοποιώντας μια γλώσσα σήμανσης που καθορίζει ποια είναι τα συστατικά μέρη του περιεχομένου. Η γλώσσα που συνήθως χρησιμοποιείται για τη σήμανση του περιεχομένου είναι η HTML, αν και η XHTML μπορεί επίσης να χρησιμοποιηθεί εάν δεν απαιτείτε οι σελίδες να λειτουργούν στον Internet Explorer.
Το HTML ορίζει τι είναι το περιεχόμενο. Όταν γράφετε σωστά, δεν γίνεται καμία προσπάθεια να καθοριστεί πώς υποτίθεται το περιεχόμενο αυτό. Μετά από όλα, το περιεχόμενο θα πρέπει να φαίνεται διαφορετικά ανάλογα με το ποια συσκευή χρησιμοποιείται για την πρόσβαση σε αυτό. Οι κινητές συσκευές έχουν γενικά μικρότερες οθόνες από τους υπολογιστές. Τα τυπωμένα αντίγραφα του περιεχομένου θα έχουν σταθερό πλάτος και ενδέχεται να μην απαιτούν να συμπεριληφθεί ολόκληρη η πλοήγηση. Για τους ανθρώπους που ακούν τη σελίδα, θα είναι ο τρόπος ανάγνωσης της σελίδας και όχι ο τρόπος με τον οποίο πρέπει να οριστεί.
ο εμφάνιση μιας ιστοσελίδας ορίζεται με τη χρήση Φύλλων Στυλ Cascading που καθορίζουν σε ποια μέσα ισχύουν οι συγκεκριμένες εντολές, έτσι ώστε οι μορφές περιεχομένου να είναι κατάλληλες για τη συσκευή.
Χρησιμοποιώντας μόνο αυτές τις δύο γλώσσες, μπορείτε να δημιουργήσετε στατικές ιστοσελίδες που θα είναι προσβάσιμες ανεξάρτητα από το ποια συσκευή χρησιμοποιείται για πρόσβαση στη σελίδα. Αυτές οι στατικές σελίδες μπορούν να αλληλεπιδράσουν με τον επισκέπτη σας μέσω της χρήσης εντύπων. Αφού συμπληρωθεί και υποβληθεί μια φόρμα, αποστέλλεται ένα αίτημα στο διακομιστή όπου κατασκευάζεται μια νέα στατική ιστοσελίδα και τελικά μεταφορτώνεται στο πρόγραμμα περιήγησης.
Το μεγάλο μειονέκτημα των ιστοσελίδων όπως αυτό είναι ότι ο μόνος τρόπος που ο επισκέπτης σας έχει να αλληλεπιδράσει με τη σελίδα είναι να συμπληρώσει τη φόρμα και να περιμένει μια νέα σελίδα για φόρτωση.
Προσθήκη JavaScript για δυναμικές σελίδες
Το JavaScript μεταφράζει τη στατική σελίδα σας σε μία που μπορεί να αλληλεπιδράσει με τους επισκέπτες σας χωρίς να χρειάζεται να περιμένει μια νέα σελίδα για φόρτωση κάθε φορά που υποβάλλει ένα αίτημα. Το JavaScript προσθέτει η ΣΥΜΠΕΡΙΦΟΡΑ στην ιστοσελίδα όπου η σελίδα ανταποκρίνεται στις ενέργειες χωρίς να χρειάζεται να φορτώσει μια νέα σελίδα για να επεξεργαστεί το αίτημα.
Δεν σας κάνει πλέον επισκέπτης πρέπει να συμπληρώσετε ένα ολόκληρο έντυπο και να το υποβάλετε για να ειδοποιηθείτε ότι έκαναν ένα τυπογραφικό λάθος στο πρώτο πεδίο και πρέπει να τα εισάγετε ξανά. Με το JavaScript, μπορείτε να επικυρώσετε κάθε ένα από τα πεδία κατά την είσοδό τους και να δώσετε άμεση ανατροφοδότηση όταν σφάλλουν.
Το JavaScript επίσης επιτρέπει στη σελίδα σας να είναι αλληλεπιδραστική με άλλους τρόπους που δεν περιλαμβάνουν φόρμες καθόλου. Μπορείτε να προσθέσετε κινούμενα σχέδια στη σελίδα που είτε προσελκύουν προσοχή σε ένα συγκεκριμένο τμήμα της σελίδας είτε καθιστούν ευκολότερη τη χρήση της σελίδας. Μπορείτε να παρέχετε απαντήσεις μέσα στην ιστοσελίδα για διάφορες ενέργειες που λαμβάνει ο επισκέπτης σας, ώστε να αποφευχθεί η ανάγκη να φορτώσετε νέες ιστοσελίδες για να απαντήσετε. Μπορείτε ακόμη να έχετε το JavaScript να φορτώσει νέες εικόνες, αντικείμενα ή σενάρια στην ιστοσελίδα χωρίς να χρειάζεται να φορτώσετε ξανά ολόκληρη τη σελίδα. Υπάρχει ακόμη ένας τρόπος για να μεταφέρετε τα αιτήματα πίσω στον διακομιστή και να χειριστείτε τις απαντήσεις από το διακομιστή χωρίς την ανάγκη φόρτωσης νέων σελίδων.
Ενσωμάτωση του JavaScript σε μια ιστοσελίδα σας επιτρέπει να βελτιώσετε την εμπειρία του επισκέπτη, μετατρέποντάς την από μια στατική σελίδα σε μια που μπορεί να αλληλεπιδράσει μαζί της. Ένα σημαντικό πράγμα που πρέπει να θυμάστε είναι ότι δεν είναι όλοι όσοι επισκέπτονται τη σελίδα σας θα έχουν JavaScript και έτσι η σελίδα σας θα πρέπει ακόμα να δουλέψει για εκείνους που δεν έχουν JavaScript. Χρησιμοποιήστε το JavaScript για να κάνετε τη σελίδα σας καλύτερη για όσους την έχουν.