Αυτή είναι η πρώτη σε μια 10-μέρος σειράς που θα σας παρουσιάσουμε την γλώσσα JavaScript.Για να ξεκινήσετε, θα εξηγήσω τι είναι JavaScript.
JavaScript είναι μια scripting γλώσσα που χρησιμοποιείται κυρίως για τη δημιουργία διαδραστικών χαρακτηριστικά στις ιστοσελίδες. Μπορεί να χρησιμοποιηθεί για τη δημιουργία μενού, επικυρώνει τις μορφές, ανταλλάξετε φωτογραφίες ή οτιδήποτε άλλο μπορείτε να σκεφτείτε να κάνετε σε μια ιστοσελίδα. Εάν έχετε λάβει ποτέ μια ματιά σε υπηρεσία Gmail της Google Maps ή το Google, έχετε μια ιδέα για το τι JavaScript είναι σε θέση σήμερα.
Δεδομένου ότι το JavaScript είναι σήμερα η μόνη γλώσσα προγραμματισμού που υποστηρίζονται από κάθε μεγάλο πρόγραμμα περιήγησης στο web (Internet Explorer, Firefox, Netscape, Safari, Opera, Camino, κλπ), είναι πολύ διαδεδομένη. Όταν ο κώδικας που παρέχονται από το web browser σας, όπως και JavaScript είναι συνήθως, αυτό ονομάζεται Client-Side script. JavaScript μπορεί επίσης να τρέχει σε έναν web server για να δημιουργήσει έγγραφα HTML, έτσι λειτουργεί ως server-side script. Μολονότι η χρήση της περιορίζεται συνήθως σε client-side scripts, JavaScript μπορεί να είναι μια πολύ ισχυρή γλώσσα server, καθώς και.
Αν πρόκειται να γράφει κώδικα JavaScript, μόνο που πραγματικά χρειάζεται είναι ένα πρόγραμμα επεξεργασίας κειμένου και ένα πρόγραμμα περιήγησης στο web. Η γνώση της HTML και CSS σίγουρα θα βοηθήσει, και, εάν θέλετε να χρησιμοποιήσετε τη Javascript για τις ικανότητές σας σε ένα δικτυακό τόπο, θα έχετε την ευκαιρία να χρειάζονται επίσης τη δική σας ιστοσελίδα. Αν έχετε ήδη δική σας ιστοσελίδα, μεγάλη! Αν όχι, υπάρχει αφθονία των ελεύθερων servers που διαθέτει, ότι μπορείτε να επιλέξετε για να φιλοξενήσει τις σελίδες σας.
Τώρα που ξέρετε τι JavaScript είναι, ας ξεκινήσουμε με το πρώτο σενάριο σας!
Πρώτον, πρέπει να ξέρετε πώς μπορείτε να προσθέσετε JavaScript σε μια σελίδα HTML.JavaScript μπορεί να προστεθεί σε έναν από τους δύο τρόπους: Μπορείτε να τοποθετήσετε ετικέτες Script στην ιστοσελίδα σας και τοποθετήστε τον κώδικα JavaScript μέσα από αυτά. Ή μπορείτε να τοποθετήσετε όλα JavaScript τον κωδικό σας σε άλλο αρχείο και σύνδεση με αυτό με μια ετικέτα Script. Οποιαδήποτε από αυτές τις μεθόδους είναι απολύτως έγκυρη, αλλά έχουν διαφορετικούς σκοπούς. Αν έχετε μόνο ένα μικρό κομμάτι του κώδικα που είναι μόνο πρόκειται να χρησιμοποιηθεί σε μία σελίδα, διάθεση του εν λόγω κώδικα σε ετικέτες script είναι ένας καλός τρόπος να πάει. Αν, όμως, έχετε ένα μεγάλο κομμάτι του κώδικα που πρόκειται να χρησιμοποιεί σε διάφορες σελίδες, μάλλον θα θέλετε να τοποθετήσετε τον κώδικα JavaScript σε ένα ξεχωριστό αρχείο και σύνδεση με αυτό. Αυτό γίνεται έτσι ώστε οι άνθρωποι δεν χρειάζεται να κατεβάσετε όλα τον κωδικό σας κάθε φορά που επισκέπτεστε μια άλλη σελίδα. Μπορούν να κατεβάσετε μία φορά και στη συνέχεια browser τους αποθηκεύει για μελλοντική χρήση. Αν είστε εξοικειωμένοι με το CSS (Stylesheets), λίγο πολύ λειτουργούν με τον ίδιο τρόπο.
Εδώ είναι τα παραδείγματα των δύο τρόποι για να συμπεριλάβετε ένα αρχείο JavaScript:
Προσθέστε την type="text/javascript"> </ script>
Προσθέστε την επιχείρηση σας src="scripts/YourJavaScriptFile.js"> </ script>
Στο πρώτο παράδειγμα, θα τοποθετήσετε κώδικα JavaScript σας μεταξύ των> και <χαρακτήρες, ακριβώς πριν από το "</ script>". Ακριβώς σε περίπτωση που δεν είστε απόλυτα εξοικειωμένοι με το πώς μια ιστοσελίδα λειτουργεί, εδώ είναι ένα παράδειγμα για το πώς να ξεκινήσετε HTML σελίδα σας: <DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.0 Transitional / / EN">
<HTML>
<HEAD>
<TITLE> Ο τίτλος της σελίδας σας πηγαίνει εδώ </ TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="Your όνομα πηγαίνει Here">
<SCRIPT Type="text/javascript">
</ Script>
</ HEAD>
<BODY>
Το μεγαλύτερο μέρος της ιστοσελίδας σας (το σώμα), πηγαίνει εδώ.
</ BODY>
</ HTML>
Θα θέλετε να αποθηκεύσετε το αρχείο αυτό στον υπολογιστή σας με ένα ". Html" επέκταση. Έτσι, το πλήρες όνομα του αρχείου θα είναι κάτι σαν "JavaScript_Lesson1.html". Αφού το αποθηκεύσετε, απλά κάντε διπλό κλικ σε αυτό για να ανοίξετε το προεπιλεγμένο πρόγραμμα περιήγησης.
Ακριβώς περίπου κάθε γλώσσα προγραμματισμού στον κόσμο, επικεντρώνεται γύρω από τα πράγματα που ονομάζονται "μεταβλητές", και JavaScript δεν είναι διαφορετική από την άποψη αυτή. Μια μεταβλητή είναι απλά ένα κομμάτι των δεδομένων με ένα όνομα που επισυνάπτονται σε αυτήν. Μπορεί να περιέχει έναν αριθμό, μια λέξη ή μια φράση (που ονομάζονται Χορδές) ή ένα αντικείμενο, το οποίο θα μιλήσουμε αργότερα. Αν ήθελε να πει τον κωδικό σας ότι είχατε 5 μήλα, μπορείτε να δημιουργήσετε μια μεταβλητή με το όνομα «μήλα» και να του δώσετε μια τιμή 5. Ας το κάνουμε τώρα. Στο JavaScript, μπορείτε να χρησιμοποιήσετε το "var" λέξη-κλειδί για να ορίσετε μια μεταβλητή. Σημειώστε ότι το JavaScript είναι διάκριση πεζών-κεφαλαίων, έτσι ώστε "var" δεν είναι το ίδιο με το "VAR" ή "Var".
var μήλα = 5?
Υπάρχουν δύο σημαντικά πράγματα που πρέπει να σημειωθεί σχετικά με αυτό το μικρό κομμάτι του κώδικα. Πρώτον, θα πρέπει να γνωρίζετε ότι η JavaScript είναι "ασθενώς πληκτρολογήσει« γλώσσα. Αυτό σημαίνει ότι όταν ορίζετε τις μεταβλητές σας, δεν χρειάζεται να πούμε τι είδους είναι: αν είναι αριθμοί, σειρές, αντικείμενα, κλπ. Σε πολλές άλλες γλώσσες, θα πρέπει να κάνετε αυτή τη διάκριση.
Δεύτερον, σημειώστε το ερωτηματικό (;) στο τέλος της γραμμής. Αυτό λέει interpretor JavaScript σας ότι έχετε τελειώσει με αυτό που κάνουν σήμερα τα οποία, στην περίπτωση αυτή, η ρύθμιση "μήλα" σας μεταβλητή 5. Αν και ερωτηματικά δεν είναι αναγκαία JavaScript, είναι μια καλή πρακτική για να συνηθίσει τη χρήση τους.
Εντάξει, έτσι ώστε τον κωδικό σας ξέρει ότι έχετε 5 μήλα. Τώρα τι; Καλά τον κωδικό σας να ξέρετε ότι έχετε 5 μήλα, αλλά κανείς άλλος δεν το κάνει. Ας τους πούμε! Μία από τις πιο κοινές μεθόδους για να εμφανίσετε ένα απλό μήνυμα σε ένα χρήστη είναι με την αποστολή τους μια ειδοποίηση:
var μήλα = 5?
alert ('Υπάρχουν επί του παρόντος »+ + μήλα« μήλα! ")?
Εάν έχετε δοκιμάσει αυτό το σενάριο, θα δείτε ένα παράθυρο στην οθόνη σας που λέει "Υπάρχουν επί του παρόντος 5 μήλα!». Αυτή είναι μια καλή στιγμή για να εισαγάγει έγχορδα και αυτό που λέμε αλληλουχία String. Ένα string είναι απλά ένα κομμάτι του κειμένου και μπορεί να περιέχει οποιοδήποτε κείμενο που θέλετε. Στο JavaScript, λέμε κώδικά μας ότι έχουμε μια σειρά από επισυνάπτοντας το σε διπλά ή μονά εισαγωγικά ("ή"). Μπορείτε να χρησιμοποιήσετε οποιοδήποτε είδος απόσπασμα που προτιμάτε. Το σύμβολο συν (+) σημάδια στο παραπάνω παράδειγμα μας πει τον κωδικό ότι είμαστε συνένωση επάνω (ή απλά προσθέτοντας επάνω) την προηγούμενη σειρά.
Έτσι, αυτό που έχουμε είναι η σειρά «Υπάρχουν επί του παρόντος», ακολουθούμενη από τα μήλα μεταβλητή μας (η οποία είναι 5), ακολουθούμενο από ένα άλλο string, «μήλα!». Βάλτε μαζί και παίρνουμε "Υπάρχουν επί του παρόντος 5 μήλα!». "Συναγερμού" μας παίρνει ό, τι έχει περάσει σε αυτό (ό, τι είναι μεταξύ παρένθεση) και απλά ανοίγει ένα παράθυρο με αυτό το κείμενο.
Τι γίνεται αν θέλουμε να αφήσουμε τους χρήστες μας φάτε ένα μήλο; Ένας τρόπος για να γίνει αυτό θα ήταν να τους προτρέψει για πόσα μήλα θα ήθελαν να φάτε:
var μήλα = 5?
alert ('Υπάρχουν επί του παρόντος »+ + μήλα« μήλα! ")?
var τρώνε = prompt («Πόσα μήλα θα θέλατε να φάτε;», '1 ')?
"Εντολών" είναι μια άλλη ενσωματωμένη λειτουργία, παρόμοια με "συναγερμού". Αντί ακριβώς να εμφανίζει πληροφορίες, ωστόσο, λαμβάνει επίσης είσοδο από το χρήστη. Στην περίπτωση αυτή, ζητούμε χρήστη μας, πόσα μήλα θέλουν να φάνε. Το '1 'στον κώδικά μας λέει την «άμεση» λειτουργία που προκαθορισμένη τιμή μας πόσα μήλα για να φάει είναι 1. Έτσι, οι άνθρωποι συνήθως τρώνε μόνο ένα μήλο σε ένα χρόνο. Ο χρήστης μπορεί να αλλάξει αυτό, όμως, σε κάθε αριθμό που θέλετε. Μόλις ο χρήστης κάνει κλικ στο κουμπί "OK" για να εμφανιστεί το μήνυμα προτροπής, το "τρώνε" μεταβλητή που παίρνει την απάντησή τους. Έτσι, αν τύπου ότι θέλουν να φάνε 2 μήλα, τρώνε τώρα ισούται με "2".
Έτσι, αν ο χρήστης μας έχει φάει 2 μήλα, υπάρχουν 3 αριστερά, δεξιά; Λοιπόν ας κάνουμε κάποια βασικά μαθηματικά και να δείξει αυτό.
var μήλα = 5?
alert ('Υπάρχουν επί του παρόντος »+ + μήλα« μήλα! ")?
var τρώνε = prompt («Πόσα μήλα θα θέλατε να φάτε;», '1 ')?
μήλα - = parseInt (EAT)?
alert ('Τώρα υπάρχουν μόνο «+ μήλα« μήλα!' +)?
Δύο νέα πράγματα εδώ. Πρώτον, έχουμε μια πρόσκληση για "parseInt". parseInt παίρνει σε ένα string και επιστρέφει έναν αριθμό. Δεδομένου ότι πρέπει να έχουμε έναν αριθμό για να κάνετε τα μαθηματικά, αυτό που κάνει είναι βοήθεια για να εγγυηθεί ότι έχουμε έναν αριθμό. Εάν ο χρήστης μας εισήλθε "2 μήλα" στο παράθυρο, parseInt μετατρέπει αυτή στον αριθμό 2.
Στη συνέχεια, έχουμε το "- =" φορέα. "- =" Σημαίνει ότι θέλετε να αφαιρέσετε ό, τι είναι για το δικαίωμα του επιχειρηματία από ό, τι είναι στην αριστερή πλευρά του. Γι 'αυτό και αφαιρώντας μας "τρώνε" μεταβλητή από "μήλα" μας μεταβλητή. Θα μπορούσατε επίσης να γράψετε αυτή τη γραμμή, όπως:
μήλα = μήλα - parseInt (κατανάλωση)?
Αυτό θα κάνει ακριβώς το ίδιο πράγμα και μπορεί να είναι λίγο πιο εύκολο να καταλάβει. Τώρα που γνωρίζουμε πόσα μήλα έχουν μείνει για άλλη μια φορά αφήσει το χρήστη μας γνωρίζουν αυτές τις πληροφορίες.
Υπάρχουν και άλλοι φορείς, όπως - = που κάνουν παρόμοιο πράγματα. Συνολικά, υπάρχουν 8 κοινές επιχειρήσεις arithmatic που θα χρησιμοποιήσετε:
+
-
/
*
+ =
- =
/ =
* =
Αυτό ήταν για αυτό το μάθημα. Την επόμενη φορά θα συνεχίσουμε με την προσθήκη ορισμένων επικύρωση με τον κωδικό μας, θα εισαγάγει τις αν και else, και εν συντομία να σας παρουσιάσουμε τις λειτουργίες.
Δεν υπάρχουν σχόλια:
Δημοσίευση σχολίου
αν σας αρεσε η αναρτηση καντε like
Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.