Σε τι χρησιμοποιείται η Javascript; Τι είναι το Javascript και τι κάνει;

24.08.2023

Προηγουμένως, δεν πίστευα ότι το Διαδίκτυο θα μπορούσε να προσφέρει τόσο εκτεταμένες ευκαιρίες για την ανάπτυξη της επιχείρησής μου, αλλά πέρασε ο καιρός και τελικά ανακάλυψα αυτόν τον κόσμο, γεμάτο δυνατότητες. Το Διαδίκτυο παρέχει την ευκαιρία να πουλήσετε τα προϊόντα σας, μια μεγάλη ποικιλία από αυτά. Κάθε μέρα ο αριθμός των χρηστών παγκόσμιος ιστόςαυξάνεται, και ταυτόχρονα αυξάνονται οι δυνατότητές μας.

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

Πιστέψτε με, το πόσο ελκυστικός είναι ο ιστότοπος θα καθορίσει εάν ένας απλός χρήστης θα παραμείνει σε αυτόν ή όχι. Φυσικά, αν κάποιος διαβάζει το site σας για πολύ καιρό, τότε θα σας συγχωρήσει διάφορα λάθη που μπορεί να κάνετε στη λειτουργικότητα του ιστότοπου. Αλλά για πρώτη φορά, η διεπαφή θα παίξει βασικό ρόλο στο να κάνει τον πελάτη να αρέσει στον ιστότοπό σας. Όπως λένε, «τους υποδέχονται τα ρούχα τους, τους παραπέμπει το μυαλό τους».

Αλλά για να φτιάξετε πρωτότυπα και αξέχαστα ρούχα για τον ιστότοπό σας, θα πρέπει να ξέρετε σε τι χρησιμεύει το javascript. Στην πραγματικότητα, χωρίς JavaScript είναι αδύνατο να δημιουργήσετε έναν όμορφο, λειτουργικό ιστότοπο. Επιπλέον, δεν θα χρειαστεί να γεμίσετε τον ιστότοπο με τόνους κώδικα. Θα αρκεί να προσθέσετε μόνο μερικές γραμμές και διάφορα κουμπιά και στοιχεία μενού θα «ζωντανέψουν» και θα γίνουν πιο ελκυστικά. Παρεμπιπτόντως, ένα σενάριο JavaScript θα σας επιτρέψει να κάνετε κύλιση στις εικόνες του χαρτοφυλακίου σας. Επιπλέον, μπορείτε να αυξήσετε περαιτέρω τη λειτουργικότητα της σελίδας κατά την εμφάνιση δεδομένων. Εδώ απαιτείται επίσης JavaScript

Ίσως πολλοί να πιστεύουν ότι, για παράδειγμα, λειτουργεί σε ένα καλό CMS και για να διαχειριστείτε ένα τέτοιο blog δεν χρειάζεστε καθόλου γνώση JavaScript. Στο Διαδίκτυο μπορείτε να βρείτε πολλά διαφορετικά modules και plugins με τα οποία μπορείτε να βελτιώσετε σημαντικά τη λειτουργικότητα, να προσθέσετε δροσερά εφέ κ.λπ. Ωστόσο, δεν πρέπει να ξεχνάμε ότι οι τεχνολογίες Ιστού δεν μένουν ακίνητες, όλα αλλάζουν συνεχώς. Ως εκ τούτου, αξίζει να παρακολουθείτε συνεχώς την εμφάνιση νέων βιβλιοθηκών JavaScript, επειδή είναι πιθανό τα σημερινά πακέτα να σας επιτρέψουν να πραγματοποιήσετε αυτό που μόλις χθες φαινόταν απλώς ένα όνειρο. Γι' αυτό όταν μιλούν για ενημέρωση του ιστότοπου, εννοούν επίσης χρησιμοποιώντας JavaScript.

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

Εκφράζω την ευγνωμοσύνη μου για υποστήριξη πληροφοριών Evgeniy Popov, ο συγγραφέας μιας σειράς μαθημάτων βίντεο για τη δημιουργία ιστοσελίδων. Συμπεριλαμβανομένου του μαθήματος βίντεο "Javascript + jQuery για αρχάριους σε μορφή βίντεο"

Η JavaScript® (συχνά συντομεύεται σε JS) είναι μια ερμηνευμένη γλώσσα προγραμματισμού σχεδιασμένη για αλληλεπίδραση με ιστοσελίδες. Η JavaScript εκτελείται στην πλευρά του πελάτη του Διαδικτύου και χρησιμοποιείται για να προγραμματίσει πώς θα συμπεριφέρονται οι ιστοσελίδες όταν συμβαίνουν ορισμένα συμβάντα.

Τι είναι η JavaScript;

Το JavaScript είναι cross-platform, αντικειμενοστρεφές γλώσσα σεναρίου, το οποίο προσθέτει διαδραστικότητα και ανταπόκριση στις ιστοσελίδες σας.

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

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

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

Σήμερα, κάθε πρόγραμμα περιήγησης υποστηρίζει JavaScript, καθιστώντας το τη γλώσσα του Ιστού.

Στο πρόγραμμα περιήγησης, η JavaScript μπορεί να κάνει ό,τι σχετίζεται με τον χειρισμό του εγγράφου HTML, την αλληλεπίδραση με τον επισκέπτη και, με ορισμένους περιορισμούς, την αλληλεπίδραση με τον διακομιστή:

  • Ελέγξτε ότι οι προσαρμοσμένες φόρμες HTML έχουν συμπληρωθεί σωστά.
  • Αλληλεπιδράστε με την κάμερα web, το μικρόφωνο και άλλες συσκευές.
  • Αλλάξτε τα στυλ των στοιχείων HTML, απόκρυψη, εμφάνιση στοιχείων κ.λπ.
  • Εμφάνιση αναδυόμενων παραθύρων και παραθύρων διαλόγου.
  • Αντιδράστε σε ενέργειες επισκεπτών, επεξεργαστείτε τα κλικ του ποντικιού, τις κινήσεις του δρομέα κ.λπ.
  • Στείλτε αιτήματα στον διακομιστή και φορτώστε δεδομένα χωρίς να φορτώσετε ξανά τη σελίδα.

Η JavaScipt είναι μια απίστευτα ισχυρή και αποτελεσματική γλώσσα που πρέπει οπωσδήποτε να δοκιμάσετε!

JavaScript εναντίον ECMAScript

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

Η Netscape υπέβαλε τη γλώσσα JavaScript στην Ecma International, έναν οργανισμό αφιερωμένο στην τυποποίηση συστημάτων πληροφοριών και επικοινωνιών (το ECMA ήταν αρχικά ακρωνύμιο για την Ευρωπαϊκή Ένωση Κατασκευαστών Υπολογιστών), όπου εγκρίθηκε ως πρότυπο ECMAScript το 1997.

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

Επίσημα, όταν οι προγραμματιστές αναφέρονται στο ECMAScript, συνήθως αναφέρονται στην "ιδανική" γλώσσα που ορίζεται από το πρότυπο Ecma. Τις περισσότερες φορές, αυτές οι δύο έννοιες είναι εναλλάξιμες. Επομένως, όταν γίνεται αναφορά στο επίσημο πρότυπο σε αυτό το σεμινάριο, θα χρησιμοποιείται το όνομα ECMAScript και σε άλλες περιπτώσεις όταν γίνεται αναφορά στη γλώσσα, θα χρησιμοποιείται JavaScript. Το εγχειρίδιο θα χρησιμοποιεί επίσης την κοινή συντομογραφία ES5 όταν αναφέρεται στην πέμπτη έκδοση του προτύπου ECMAScript.

Το JavaScript δεν είναι Java

Πριν ξεκινήσετε να μαθαίνετε JavaScript, θα πρέπει να καταλάβετε ότι η JavaScript δεν είναι Java. Πρόκειται για δύο εντελώς διαφορετικές γλώσσες προγραμματισμού. Το JavaScript δεν έχει τίποτα κοινό με τη γλώσσα Java εκτός από την παρόμοια σύνταξη.

Η Java είναι μια αντικειμενοστραφής γλώσσα προγραμματισμού που αναπτύχθηκε από τη Sun Microsystems από το 1991 και κυκλοφόρησε επίσημα στις 23 Μαΐου 1995. Η Java είναι μια ισχυρή και πολύ πιο σύνθετη γλώσσα προγραμματισμού, μπορείτε να γράψετε τα περισσότερα διαφορετικά προγράμματα. Υπάρχει μια ειδική ευκαιρία για σελίδες Διαδικτύου - μικροεφαρμογές γραφής.

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

Τα σενάρια JavaScript βρίσκονται μέσα σε μια ιστοσελίδα και δεν μπορούν να υπάρχουν χωριστά από αυτήν. Τα σενάρια JS δεν απαιτούν μεταγλωττιστή για να εκτελεστούν από το πρόγραμμα περιήγησης από την πλευρά του χρήστη. Ένα σενάριο JS είναι απλό κείμενο και μπορείτε να δείτε τον κώδικα με γυμνό μάτι - χωρίς ειδικό λογισμικό.

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

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

Τι χρειάζεστε για να μάθετε JavaScript;

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

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

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

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

Για να γράψετε και να εκτελέσετε προγράμματα JavaScript, αρκεί να εγκαταστήσετε οποιοδήποτε σύγχρονο πρόγραμμα περιήγησης στο Διαδίκτυο (για παράδειγμα, Yandex, Internet Explorer, Mozilla Firefoxή Google Chrome).

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

Ο ευκολότερος τρόπος για να πειραματιστείτε με τον κώδικα JavaScript είναι να χρησιμοποιήσετε το ενσωματωμένο εργαλείο Web Console του προγράμματος περιήγησής σας.

Συνήθως, η κονσόλα Ιστού μπορεί να εκκινηθεί πατώντας F12 ή ζεστός συνδυασμόςπλήκτρα – Ctrl + Shift + J. Συνήθως, ο πίνακας ή το παράθυρο ενός τυπικού "εργαλείου προγραμματιστή" ανοίγει ως ξεχωριστό πλαίσιο στο επάνω ή στο κάτω μέρος του παραθύρου του προγράμματος περιήγησης, όπως φαίνεται στην Εικ. 1.

Ο πίνακας περιλαμβάνει πολλές καρτέλες που σας επιτρέπουν να εξερευνήσετε τη δομή ενός εγγράφου HTML, Στυλ CSSκ.λπ. Μεταξύ αυτών είναι η καρτέλα JavaScript Console, όπου μπορείτε να εισάγετε γραμμές κώδικα JavaScript και να τις εκτελέσετε.

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

Με τα περισσότερα από τα παραδείγματα που δίνονται στο σεμινάριο μας, μπορείτε να πειραματιστείτε απευθείας στη σελίδα του ιστότοπου χρησιμοποιώντας το ενσωματωμένο εργαλείο - το JS mini-editor.

Για να δείτε το αποτέλεσμα της εκτέλεσης του σεναρίου σε νέο παράθυρο, κάντε κλικ στο εικονίδιο και εάν θέλετε να αλλάξετε κάτι στον κώδικα, κάντε κλικ στο εικονίδιο

Αυτό είναι ένα κανονικό έγγραφο HTML

Βγαίνουμε πίσω στο HTML

Σημείωση: Σε απλά πειράματα JavaScript όπως αυτό, μπορείτε επίσης να παραλείψετε τις ετικέτες , στο αρχείο HTML.

Η εκμάθηση JavaScript, όπως και άλλες γλώσσες προγραμματισμού, δεν είναι εύκολη υπόθεση, αλλά σίγουρα αξίζει τον κόπο και τον χρόνο. Η μάθηση είναι αποτελεσματική όταν δίνεται όχι απλά έτσι, αλλά με προσπάθεια. Πρέπει να κάνετε συνειδητή προσπάθεια για να μάθετε νέες δεξιότητες και ικανότητες. Η γνώση που αποκτάται χωρίς προσπάθεια είναι σαν κυματισμοί στο νερό - πολύ σύντομα δεν θα μείνει ούτε ίχνος από αυτήν.

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

Δοκιμάστε να ακολουθήσετε μερικές απλές αλλά αποδεδειγμένες συμβουλές.

Πρέπει να μελετάτε σιγά σιγά, αλλά τακτικά. Η κανονικότητα είναι το κλειδί για την επιτυχία στη μάθηση. Σχεδιάστε την καθημερινή σας ρουτίνα έτσι ώστε να μπορείτε να αφιερώνετε τουλάχιστον μία ώρα κάθε μέρα στην εκμάθηση JavaScript. Μην προσπαθείτε να μάθετε τα πάντα ταυτόχρονα σε σύντομο χρονικό διάστημα. Η διάσπαση της διαδικασίας αυτοεκπαίδευσης σε μικρές συνεδρίες μελέτης δημιουργεί ένα αίσθημα γρήγορης επιτυχίας και σας παρακινεί να επιστρέψετε στη μάθηση την επόμενη μέρα.

Η χειρότερη στιγμή για μελέτη είναι όταν νιώθετε κουρασμένοι. Σε τέτοιες στιγμές, το κύριο πράγμα δεν είναι να πιέσετε τον εαυτό σας - δεν θα έχετε το αναμενόμενο αποτέλεσμα. Ο ανθρώπινος εγκέφαλος δεν μπορεί να μάθει κάτι επ 'αόριστον - χρειάζεται να του δοθούν διαλείμματα. Ασκηθείτε σύμφωνα με την αρχή 25/5. Δοκιμάστε την πρακτική της διδασκαλίας για 25 λεπτά και της ανάπαυσης για 5 λεπτά. Ο εγκέφαλός σας θα συνηθίσει σε τέτοια ομοιόμορφα φορτία και θα λειτουργεί όσο πιο παραγωγικά γίνεται.

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

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

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

Όποια μέθοδο μάθησης κι αν επιλέξετε, μην ξεχνάτε ότι θα πρέπει να είναι ενδιαφέρουσα για εσάς και να υποστηρίζεται από πρακτικές ασκήσεις - τα παραδείγματα αξίζουν χίλιες λέξεις. Τα παραδείγματα είναι συχνά πιο κατανοητά από μια θεωρία πολλών σελίδων. Να είστε τολμηροί λοιπόν! Ελπίζω ότι αυτό το σεμινάριο θα είναι μια καλή βοήθεια στις προσπάθειές σας.

Εάν δεν είστε ακόμη εξοικειωμένοι με την έννοια του Javascript, τότε σχετικά.

Σε αυτό το σημείωμα ήθελα να μιλήσω για το γιατί χρειάζεται το Javascript και τι μπορείτε να κάνετε με αυτό.

Όπως κάθε γλώσσα προγραμματισμού, το κύριο καθήκον της Javascript είναι να δημιουργήσει μια ακολουθία ενεργειών που θα οδηγήσουν σε ένα συγκεκριμένο αποτέλεσμα.

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

Το πιο σημαντικό είναι ότι όλες αυτές οι λειτουργίες μπορούν να εκτελεστούν σε ιστοσελίδες, σε ένα παράθυρο του προγράμματος περιήγησης. Επιπλέον, η Javascript μπορεί να λειτουργήσει χωρίς σύνδεση στο Διαδίκτυο.

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

1) Μαθηματικές πράξεις

Στις ιστοσελίδες, υπάρχει συχνά ανάγκη να γίνουν ορισμένοι υπολογισμοί.

Για παράδειγμα, υπάρχουν δύο πεδία κειμένου και πρέπει να εμφανίσετε στο τρίτο πεδίο κειμένου το άθροισμα δύο αριθμών που έχουν εισαχθεί στα δύο πρώτα.

Χρησιμοποιώντας Javascript, μπορείτε να δημιουργήσετε μια αριθμομηχανή και να την τοποθετήσετε σε μια ιστοσελίδα.

Ακολουθεί ένα παράδειγμα τέτοιας αριθμομηχανής:

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

Υπάρχουν πολλές εργασίες που απαιτούν υπολογισμούς στην πράξη. Η Javascript σας επιτρέπει να τα κάνετε όλα αυτά.

2) Επεξεργασία και επικύρωση δεδομένων σε φόρμες HTML

Το Javascript σάς επιτρέπει να ελέγξετε ότι όλα τα απαιτούμενα πεδία είναι συμπληρωμένα και ότι τα δεδομένα που περιέχουν ταιριάζουν με την απαιτούμενη μορφή (για παράδειγμα, εάν απαιτούνται αριθμοί, τότε θα πρέπει να υπάρχουν μόνο αριθμοί και όχι γράμματα).

Το Javascript το κάνει αυτό χωρίς να φορτώνει ξανά τη σελίδα και ακόμη και χωρίς σύνδεση στο Διαδίκτυο.

Πριν από την αποστολή δεδομένων στον διακομιστή, ελέγχονται εκ των προτέρων σε Javascript. Αυτό μειώνει το φόρτο στον διακομιστή.

3) Αλληλεπιδράσεις και συμβάντα χρηστών

Μπορεί να εμφανιστούν διάφορα εφέ σε μια ιστοσελίδα ανάλογα με τις ενέργειες που εκτελεί ο χρήστης.

Αναπτυσσόμενο μενού στον ιστότοπο όταν τοποθετείτε τον κέρσορα του ποντικιού.

Όταν κάνετε κλικ σε ένα κουμπί, αποκρύψτε ή εμφανίστε κάποιο στοιχείο στη σελίδα.

Ένα αναδυόμενο παράθυρο εμφανίζεται όταν ο δρομέας του ποντικιού μετακινείται έξω από το παράθυρο του προγράμματος περιήγησης.

Λιποθυμία φόντοκαι τα εφέ fade-in του στοιχείου υλοποιούνται σε Javascript.

4) Αλληλεπιδράστε με στοιχεία HTML στη σελίδα και χειριστείτε το περιεχόμενο και τα στυλ τους.

Όταν συμβαίνει ένα συγκεκριμένο συμβάν (για παράδειγμα, ένα κλικ του ποντικιού ή οποιοδήποτε άλλο), μπορείτε να αλλάξετε την εμφάνιση (στυλ CSS) των στοιχείων στη σελίδα.

Όλα αυτά γίνονται μέσω προγραμματισμού.

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

5) Προσθήκη κινούμενων εικόνων και διαφόρων γραφικών εφέ σε ιστοσελίδες.

Πτώση και κίνηση αντικειμένων. Για παράδειγμα, χιόνι στην τοποθεσία.

Ομαλή εμφάνιση και απόκρυψη αντικειμένων

Χρονόμετρο αντίστροφης μέτρησης

Και άλλα εφέ υλοποιούνται σε Javascript

Έχω παραθέσει εδώ μόνο μια μικρή λίστα με χαρακτηριστικά Javascript. Για να μπορείτε να τα βλέπετε όλα καθαρά και πραγματικά παραδείγματα, εδώ είναι μια λίστα ιστότοπων όπου δημοσιεύονται παραδείγματα εργασίας σε javascript:

Οι δυνατότητες και το εύρος της Javascript είναι πραγματικά πολύ εκτεταμένες. Όλα θα περιοριστούν μόνο από τη φαντασία και τη δημιουργικότητά σας.

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

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

Η JavaScript οφείλει την εμφάνισή της στις εξελίξεις εταιρειών όπως η Sun Microsystems (Oracle) και η Netscape (Mozilla). Το αρχικό όνομα της γλώσσας ήταν LiveScript. Ωστόσο, λόγω του γεγονότος ότι η γλώσσα Java από τη Sun Microsystems ήταν τότε πολύ δημοφιλής, το τμήμα μάρκετινγκ της Netscape αποφάσισε να αλλάξει το όνομα της γλώσσας σε JavaScript. Ταυτόχρονα, υπήρχε η προσδοκία ότι αυτό το βήμα θα πρόσθετε δημοτικότητα στη γλώσσα. Επίσης, μιλώντας γι' αυτό, πρέπει να σημειωθεί ότι η Java και η JavaScript είναι δύο διαφορετικές γλώσσες.

Το ECMA-262 είναι το επίσημο πρότυπο για αυτήν τη γλώσσα. Το όνομα αυτής της γλώσσας JavaScript είναι ECMAScript.

Για την εκμάθηση αυτής της γλώσσας, θα είναι χρήσιμη η προηγούμενη γνώση CSS και Html. Εάν μέχρι αυτό το σημείο δεν γνωρίζατε για το CSS και το Html, τότε θα πρέπει να εξοικειωθείτε αμέσως.

Περιορισμοί και δυνατότητες της JavaScript

Οι ακόλουθες δυνατότητες εμφανίζονται όταν χρησιμοποιούνται σενάρια σε ιστοσελίδες:

  • Προσθήκη διαφόρων εφέ κινουμένων σχεδίων, το οποίο δεν μπορεί να εφαρμοστεί με χρησιμοποιώντας HTMLκαι CSS.
  • Δυνατότητα αλλαγής περιεχομένου στοιχεία HTMLκαι προσθήκη νέων ετικετών χωρίς επαναφόρτωση της σελίδας.
  • Απόκριση σε συμβάντα (απόκριση σε ενέργειες χρήστη) - επεξεργασία πληκτρολογήσεων στο πληκτρολόγιο και κινήσεις του δρομέα του ποντικιού.
  • Εκτελέστε επικύρωση των δεδομένων που εισήχθησαν στα πεδία φόρμας πριν σταλούν στον διακομιστή. Αυτό μειώνει το φόρτο στον διακομιστή και επιταχύνει τον ιστότοπο.
  • Προσδιορισμός της έκδοσης του προγράμματος περιήγησης και φόρτωση της απαιτούμενης σελίδας ανάλογα με αυτό.

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

Εκτός από τις παραπάνω δυνατότητες, υπάρχουν επίσης περιορισμοί στη χρήση σεναρίων:

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

Τέτοιοι περιορισμοί, κατά μία έννοια, καθιστούν δύσκολη την εκτέλεση του κακόβουλου κώδικα.

Τι είναι το Javascript;

Όπως σημειώθηκε παραπάνω, η JavaScript είναι μια γλώσσα που προσθέτει διαδραστικότητα στις ιστοσελίδες. Χρησιμοποιώντας αυτήν τη γλώσσα, δημιουργούνται εκείνες οι εφαρμογές που περιλαμβάνονται στον κώδικα HTML. Για παράδειγμα, φόρμες ή φόρμες εγγραφής που συμπληρώνονται από τον χρήστη. Η JavaScript συχνά συγχέεται με την Java, αλλά αυτές οι γλώσσες έχουν λίγα κοινά.

Κάποιοι συγκρίνουν ακόμη και τη JavaScript με άλλες γλώσσες Ruby, Self, Python. Αλλά αυτή είναι μια ξεχωριστή γλώσσα.

Χρήση JavaScript

Χρησιμοποιώντας JavaScript, μπορείτε να κάνετε αλλαγές στη σελίδα, να αλλάξετε στυλ στοιχείων και να προσθέσετε ή να αφαιρέσετε ετικέτες. Είναι επίσης δυνατό να ενημερωθείτε για τις ενέργειες του χρήστη στη σελίδα (μείωση ή μεγέθυνση της περιοχής εργασίας της οθόνης, κλικ με το ποντίκι, πάτημα οποιωνδήποτε πλήκτρων, κύλιση της σελίδας). Είναι δυνατό να αποκτήσετε πρόσβαση σε οποιοδήποτε στοιχείο του κώδικα Html και να χειριστείτε αυτό το στοιχείο. Έτσι, η απάντηση στην ερώτηση "Τι είναι τα JavaScript;" θα μπορεί να φορτώνει δεδομένα χωρίς να φορτώνει ξανά τη σελίδα, να εισάγει μηνύματα, να ορίζει ή να διαβάζει cookies και να εκτελεί πολλές άλλες ενέργειες.

Η βάση της μοναδικότητας JavaScript

Η κύρια μοναδικότητα αυτής της γλώσσας είναι ότι υποστηρίζεται σχεδόν από όλα τα προγράμματα περιήγησης και έχει πλήρη ενοποίηση με αυτά. Όλες οι ενέργειες που χρησιμοποιούν JavaScript είναι πολύ απλές. Δεν υπάρχει άλλη τεχνολογία που να προσφέρει όλα αυτά τα οφέλη. Για παράδειγμα, δεν υπάρχουν cross-browser, δεν υποστηρίζονται από όλα τα προγράμματα περιήγησης (αυτά είναι τα XUL, ActiveX, VBScript). Υπάρχουν επίσης εκείνα που δεν είναι πλήρως ενσωματωμένα στο πρόγραμμα περιήγησης. Αυτά είναι τα Silverlight, Flash, Java. Επί αυτή τη στιγμήΥπάρχει μεγάλη ανάπτυξη αυτής της τεχνολογίας και στοιχεία του JavaScript 2 βρίσκονται υπό ανάπτυξη.

Εναλλακτικές γλώσσες προγραμματισμού

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

Η γλώσσα που χρησιμοποιείται περισσότερο είναι η Java. Αυτή η γλώσσα χρησιμοποιείται για την περιγραφή πολύπλοκων αλγορίθμων, αλλά αυτό δεν απαιτείται πάντα σε έναν κανονικό ιστότοπο. Για το λόγο αυτό, τα java-applets χρειάζονται πολύ χρόνο για να φορτωθούν και έχουν σημαντικό μέγεθος.

Από την αρχή, το Flash σχεδιάστηκε για να είναι cross-browser και για τη δημιουργία αντικειμένων πολυμέσων. Για παράδειγμα, για να δημιουργήσετε διαδραστικές περιοχές σε έναν ιστότοπο, παιχνίδια, banner, προγράμματα αναπαραγωγής ήχου και βίντεο. Μεταξύ άλλων, το Flash δημιουργεί υποδοχές (συνδέσεις δικτύου), μπορείτε να εργαστείτε με πολυμέσα και να αποθηκεύσετε αντικείμενα που δεν χρειάζεται να στείλετε αιτήματα στον διακομιστή. Υπάρχουν βολικά εργαλεία ανάπτυξης γραφικών για το Flash.

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

Silverlight, Vbscript, JavaFX, XUL

Προκειμένου να συμπληρωθούν οι δυνατότητες της JavaScript κατά τη δημιουργία διεπαφών και επικοινωνιών, χρησιμοποιούνται τεχνολογίες Silverlight, Vbscript, JavaFX και XUL.
Εξακολουθούν να χρησιμοποιούνται λιγότερο συχνά από το Flash και το JavaScript. Για να επισημάνουμε τα χαρακτηριστικά καθενός από αυτά, μπορούμε να πούμε τα εξής:

XUL - χρησιμοποιείται για την περιγραφή επιτραπέζιων εφαρμογών και διεπαφών. Αλλά αυτό είναι δυνατό μόνο εάν δημιουργήσετε ένα πρόγραμμα για το Mozilla.

JavaFX - λειτουργεί σε υπολογιστή μόνο με Java, καθώς αποτελεί προσθήκη σε αυτήν τη γλώσσα.

Το Vbscript αναπτύχθηκε από την Microsoft Corporation. Η βάση ήταν Visual Basic. Αυτή η γλώσσα δεν αναπτύσσεται με κανέναν τρόπο, σχεδόν δεν χρησιμοποιείται αυτές τις μέρες και είναι κατώτερη σε δυνατότητες από την JavaScript.

Το Silverlight αναπτύχθηκε από τη Microsoft ως ανταγωνιστής του Flash. Επίσης δεν έχει μεγάλη δημοτικότητα, γιατί... Συμβολοσειρές JavaScriptμπορεί να παρέχει πολλά περισσότερα σενάρια σελίδων.

Πώς να ενεργοποιήσετε τη JavaScript και τι είναι το σφάλμα JavaScript

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

Πώς να ενεργοποιήσετε τη JavaScript στο Mozilla Firefox

Εάν ο χρήστης εργάζεται στο Mozilla, πρέπει να μεταβείτε στα "Εργαλεία" και μετά στις "Ρυθμίσεις". Στη συνέχεια, στην καρτέλα "Περιεχόμενο" πρέπει να επιλέξετε το πλαίσιο δίπλα στο "Χρήση JavaScript".

Πώς να ενεργοποιήσετε τη JavaScript στο Google Chrome

Για να ενεργοποιήσετε ή να απενεργοποιήσετε τη JavaScript σε αυτό το πρόγραμμα περιήγησης, πρέπει να ακολουθήσετε τα εξής βήματα: Ρύθμιση και διαχείριση του Google Chrom, Επιλογές, Προηγμένες, Προσωπικές (Ρυθμίσεις περιεχομένου), JavaScript. Να επιτρέπεται σε όλους τους ιστότοπους να χρησιμοποιούν JavaScript (συνιστάται).

Πώς να ενεργοποιήσετε τη JavaScript στον Opera

Για να ενεργοποιήσετε ή να απενεργοποιήσετε τη JavaScript σε αυτό το πρόγραμμα περιήγησης, πρέπει να κάνετε τα εξής:

Πατήστε το πλήκτρο F12.

Επιλέγοντας «Ενεργοποίηση JavaScript».

Πώς να ενεργοποιήσετε τη JavaScript στον IE (Internet Explorer)

Για να ενεργοποιήσετε ή να απενεργοποιήσετε τη JavaScript στον Internet Explorer, πρέπει να κάνετε τα εξής: "Εργαλεία", "Επιλογές Internet", καρτέλα "Ασφάλεια", "Επιλογή ζώνης Internet", κουμπί "Άλλο", στοιχείο "Σενάρια", "Επιτρέπονται σενάρια" .

JavaScript σε VK

Για να λύσετε αυτό το πρόβλημα, πρέπει να διορθώσετε το σφάλμα JavaScript στο δίκτυο VKontakte.

Τι είναι το σφάλμα JavaScript VK;

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

Πρώτα πρέπει να μεταβείτε στο "Start", "My Computer" και φάκελο των Windows. Στη συνέχεια, μεταβείτε στην ενότητα system32 και στο φάκελο του προγράμματος οδήγησης. Στη συνέχεια στον φάκελο κλπ.

Ανάμεσα στον μικρό αριθμό αρχείων σε αυτόν τον φάκελο πρέπει να επιλέξετε αρχείο hosts.
Στη συνέχεια, αυτό το αρχείο ανοίγει χρησιμοποιώντας το Σημειωματάριο. Μοιάζει με αυτό: πρέπει να κάνετε δεξί κλικ πάνω του και να επιλέξετε "Άνοιγμα με". Στη συνέχεια, μπορείτε να επιλέξετε " Επεξεργαστής κειμένου WordPad".

Αφού ανοίξετε αυτό το αρχείο, πρέπει να δείτε το αρχείο με την καταχώρηση 127.0.0.1 localhost. Οποιεσδήποτε άλλες καταχωρήσεις είναι περιττές και απλώς περιπλέκουν και εμποδίζουν τη σταθερή λειτουργία των αρχείων ήχου και βίντεο. Πρέπει να αφαιρέσετε εντελώς όλες τις πληροφορίες από το αρχείο και να αντιγράψετε μόνο αυτήν την επιγραφή 127.0.0.1 localhost. Στη συνέχεια, πρέπει να κάνετε κλικ στο "Αποθήκευση" και να επανεκκινήσετε τον υπολογιστή. Την επόμενη φορά που θα επισκεφτείτε τη σελίδα VKontakte, όλα θα λειτουργήσουν καλά.

Σε αυτό το άρθρο θα σας πούμε τι είναι το JavaScript (Java Script), θα δώσουμε παραδείγματα και θα εξηγήσουμε γιατί χρειάζεται στον κώδικα html. Θα δώσουμε απαντήσεις σε δημοφιλείς ερωτήσεις από webmasters.

1. Τι είναι η JavaScript με απλά λόγια

Η JavaScript (στα ρωσικά "Java Script", συντομογραφία "JS") είναι μια γλώσσα προγραμματισμού ενσωματωμένη σε σελίδες HTML με σκοπό την εύκολη επικοινωνία με τον χρήστη, τη διαχείριση σφαλμάτων και τη δημιουργία δυναμισμού της σελίδας στο σύνολό της.

Η JavaScript είναι μια αντικειμενοστραφή και ερμηνευμένη γλώσσα. Είναι ανεξάρτητο από το σύστημα (λειτουργεί σε οποιαδήποτε πλατφόρμα). Ο κώδικας JS ονομάζεται συχνά σενάρια. Μπορούμε να πούμε ότι αυτή η γλώσσα είναι «προσαρμοσμένη» μόνο για προγραμματισμό Ιστού.

Η σύνταξη της γλώσσας θυμίζει από πολλές απόψεις C και Java, αλλά σημασιολογικά η γλώσσα είναι πολύ πιο κοντά στο Self, Smalltalk.

2. Προβλήματα επιλύθηκαν με JavaScript
  • Έλεγχος πεδίου html φόρμες(ετικέτα) πριν σταλούν στον διακομιστή
  • Ενημερωτικά μηνύματαμε προειδοποιήσεις
  • Εφέ για την επισήμανση κύριων στοιχείων και τμημάτων μιας σελίδας
  • Πρωτότυπα αναπτυσσόμενα μενού
  • Μαθηματικοί υπολογισμοί

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

3. Πώς να ενεργοποιήσετε τη JavaScript στο πρόγραμμα περιήγησής σας

Όλα τα προγράμματα περιήγησης υποστηρίζουν JavaScript. Από προεπιλογή, το Java Script θα πρέπει να είναι ήδη ενεργοποιημένο στα προγράμματα περιήγησης, αν όχι, τότε παρακάτω υπάρχουν οδηγίες για διάφορα προγράμματα περιήγησης σχετικά με τον τρόπο ενεργοποίησης του JS.

1. Ενεργοποίηση JavaScript στον Firefox 2. Ενεργοποίηση JavaScript στο Google Chrome

"Προσαρμογή και διαχείριση του Google Chrome" -> "Επιλογές" -> "Σύνθετες" -> "Προσωπικά στοιχεία (Ρυθμίσεις περιεχομένου)" -> "JavaScript:" Να επιτρέπεται σε όλους τους ιστότοπους να χρησιμοποιούν JavaScript (συνιστάται) ή να απενεργοποιούν τη JavaScript σε όλους τους ιστότοπους

3. Ενεργοποιήστε το JavaScript στο Opera

Πατήστε το πλήκτρο F12 Επιλέξτε "Ενεργοποίηση JavaScript"

4. Ενεργοποιήστε τη JavaScript στον Internet Explorer

"Εργαλεία" -> "Επιλογές Διαδικτύου" -> Καρτέλα "Ασφάλεια" -> επιλέξτε τη ζώνη "Διαδίκτυο" -> κουμπί "Άλλο" -> "Σενάρια" -> "Να επιτρέπονται σενάρια"

4. Παράδειγμα: πώς να εισαγάγετε JavaScript σε μια σελίδα html

Ο κώδικας JavaScript ταιριάζει απευθείας στον κώδικα html της σελίδας. Για να το επισημάνετε, χρησιμοποιήστε ειδικές ετικέτες

κώδικας javascript

Το χαρακτηριστικό type="text/javascript" δεν απαιτείται, αλλά συνιστάται.

Μπορείτε να χρησιμοποιήσετε το ‹script› σε ετικέτες τίτλου ή απλά στο σώμα της σελίδας.

Γράφω ετικέτες htmlμεταξύ της ετικέτας σεναρίου ανοίγματος και κλεισίματος δεν επιτρέπεται. Αυτό το μέρος είναι μόνο για κώδικα JavaScript.

Για να μην αντιγράφεται το ίδιο JavaScript σε κάθε σελίδα, συνήθως τοποθετείται μέσα ξεχωριστό αρχείομε την επέκταση ".js". Αυτό το αρχείο μπορεί να συμπεριληφθεί οπουδήποτε στη σελίδα html.

4.1. Παράδειγμα 1: Γεια, Παγκόσμιο αναδυόμενο μήνυμα

Παρακάτω είναι παράδειγμα htmlκώδικα που εμφανίζει ένα αναδυόμενο μήνυμα "Hello, World" κατά τη φόρτωση της σελίδας.

Γεια σας, World in JavaScript

Παράδειγμα με το Alert. Θα εμφανιστεί ένα αναδυόμενο μήνυμα

alert ("Γεια, Κόσμος!");

Κάντε κλικ στον σύνδεσμο:

Σύνδεσμος4.2. Παράδειγμα 2. Εναλλακτική με την επεξεργασία javascript

Παρακάτω είναι ένα παράδειγμα κώδικας htmlμε την επεξεργασία κώδικα JavaScript χρησιμοποιώντας το αναγνωριστικό.

Γεια σας, World in JavaScript window.onload = function() ( var linkWithAlert = document.getElementById("check_link"); linkWithAlert.onclick = function() ( return confirm("Ακολουθήστε τον σύνδεσμο; "); );

Κάντε κλικ στον σύνδεσμο:

Σύνδεσμος4.3. Παράδειγμα 3. Αλλαγή του χρώματος ενός αντικειμένου κατά την αιώρηση

Όταν τοποθετείτε το ποντίκι σας πάνω ορισμένες περιοχές, αλλάζουν χρώμα. Αυτό γίνεται μέσω JavaScript. Για παράδειγμα

Κωδικός για αυτό το παράδειγμα:

ΚΟΚΚΙΝΟ ΠΡΑΣΙΝΟ ΜΠΛΕ

Αυτό είναι μόνο το πιο βασικό υλικό JavaScript. Οι δυνατότητές του είναι αρκετά μεγάλες. Δεν είναι τυχαίο που μπορείτε να βρείτε ξεχωριστά βιβλία για αυτήν τη γλώσσα σε λογοτεχνικά καταστήματα.