περιήγησης στο Internet δημιουργήθηκαν αρχικά για να εμφανιστεί απλά έγγραφα . Ωστόσο , τη στιγμή που η δημοτικότητα του Διαδικτύου αυξήθηκε , προγραμματιστές , διαπιστώθηκε ανάγκη να κάνουν τα πράγματα να συμβούν στη σελίδα , όπως αλλάζει χρώματα , γραμματοσειρές και εικόνες που βασίζονται σε αυτό που ο χρήστης κάνει . Με την ανάπτυξη των μορφών η ανάγκη αναπτύχθηκε περαιτέρω ως όφειλαν μεθόδους για να επικυρώσει και να αλλάξετε τα περιεχόμενα των πεδίων της φόρμας . JavaScript επινοήθηκε από την Netscape για να εκτελεί τα καθήκοντα αυτά και υλοποιείται σήμερα σε όλες τις μεγάλες μηχανές αναζήτησης . Τα πράγματα που θα χρειαστείτε
PC
Browser
επεξεργαστή κειμένου ( Notepad θα λειτουργήσει)
Η Εμφάνιση Περισσότερες οδηγίες
Η 1
Δημιουργήστε ένα κενό αρχείο στον υπολογιστή σας . Αποθηκεύστε το σε ένα εύκολο κατάλογο για να βρείτε και να πληκτρολογείτε. Κάντε το HTM επέκταση αρχείου ή HTML . Το όνομα του αρχείου μπορεί να είναι οτιδήποτε θέλετε, αλλά κάτι απλό όπως «δοκιμασία» έργα . Αν το αποθηκεύσετε στον κατάλογο temp σας , η πλήρης διαδρομή μπορεί να είναι : C : . \\ Temp \\ test.html 2
Προσθήκη βασικές ετικέτες HTML στο αρχείο σας . Το παρακάτω είναι η βασική δομή ενός εγγράφου HTML - μπορείτε να το εισάγετε μόνοι σας , ή απλά να αντιγράψετε και να επικολλήσετε τα ακόλουθα :
< p>
δοκιμή μου αρχείο < /TITLE> <br> <p> <BODY> <br> <p> <H1> Αυτό είναι ένα τεστ < /H1 > <br> <p> < /BODY > <br> <p> < /HTML > <br> <p> Αποθηκεύστε το αρχείο . Ανοίξτε το στον browser σας με την επιλογή File /Ανοίξτε το μενού . Δεν θα πρέπει να δείτε κάποια από τις ετικέτες σας , μόνο " Αυτή είναι μια δοκιμή " στο πάνω μέρος της οθόνης , και "Test μου αρχείο " στη γραμμή τίτλου στην κορυφή του παραθύρου του προγράμματος περιήγησης . <br> Η < br > 3 <p> Προσθέστε μια συνάρτηση javascript μέσα στο τμήμα "αρχηγός " του εγγράφου σας : <br> <p> <HEAD> <br> <p> <script type="text/javascript"> <br> <p> hellothere λειτουργία ( word_to_send ) { <br> <p> alert (" Hello" + word_to_send ) ? <br> <p> } <br> <p> < /script > <br> <p> < ΤΙΤΛΟΣ > <br> <p> Αυτή η λειτουργία , που ονομάζεται " hellothere , " θα ονομάζεται από τη σελίδα . Παίρνει μια " μεταβλητή " που ονομάζεται word_to_send . Μια μεταβλητή είναι ένα μέρος για να κρατήσει ένα κομμάτι των δεδομένων . Όταν αυτή η λειτουργία ονομάζεται , θα εμφανιστεί ένα πλαίσιο ειδοποίησης στην οθόνη που θα πει "Γεια σας" συν ό, τι λέξη ψηφίστηκε στη λειτουργία της μεταβλητής . <br> Η 4 <p> Προσθέστε ένα " onload " εκδήλωση η " BODY " ετικέτα . Javascript οδηγείται από «γεγονότα» . Ένα γεγονός σημαίνει ότι κάτι έχει συμβεί στη σελίδα . " Με το κλικ " σημαίνει ότι ένας χρήστης έχει κάνει κλικ κάτι . " Onblur " νοείται ένας χρήστης έχει απομακρυνθεί από κάτι , όπως tabbing από ένα πεδίο φόρμας . Με την προσθήκη του event onload στην ετικέτα σώμα , λέτε , " όταν αυτή η web σελίδα φορτώνει , κάντε τα εξής . " <br> <p> <BODY Onload='hellothere("world")'> < br > <br> 5 <p> Αποθηκεύστε το αρχείο σας . Ανοίξτε το στο πρόγραμμα περιήγησης. Θα πρέπει να δείτε ένα αναδυόμενο παράθυρο που λέει " Hello World ". <br> Η 6 <p> Προσθέστε περισσότερη ποικιλία στην ιστοσελίδα σας . Εξερευνήστε τις διάφορες εκδηλώσεις και το πείραμα . Κάθε στοιχείο σε μια ιστοσελίδα μπορεί να δοθεί ένα όνομα και αυτό το όνομα χρησιμοποιείται με εκδηλώσεις για να κάνουν τα πράγματα να συμβούν . <br> Η <br> εικόνων
<div class="grad2"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3314932315682382" crossorigin="anonymous"></script> <!-- 221021-2 --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3314932315682382" data-ad-slot="8094203668" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div>
<div class="grad3"></div>
</div>
<div class="fanyedads">
<ul>
<li>Τελευταίο άρθρο: <a class='LinkPrevArticle' href='http://www.221021.com/Programming/javascript-programming/91076.html' >Πώς να πάρει ένα Remote ιστοσελίδας με JavaScript </a>
<li>Επόμενο άρθρο: <a class='LinkNextArticle' href='http://www.221021.com/Programming/javascript-programming/91078.html' >Πώς να πάρει την πηγή ενός στοιχείου εικόνας χρησιμοποιώντας JavaScript </a>
</ul>
</div>
</div>
<div class="woqinimaderwr24">
<div class="dibud23">
<div class="biaotidas51">
<div class="biaotidas511"><h3>Συναφής σύστασή</h3></div>
<div class="butudasda"></div>
</div>
</div>
<div class="dibud24">
<div class="dibud241">
<ul class="dsa31das">
<li><a href="http://www.221021.com/Programming/javascript-programming/90893.html" target="_blank">Πώς να γράψει μια λειτουργία JavaScript που Υπολογίζει μια προσφορά Ταξί </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91048.html" target="_blank">Πώς να Ενεργοποίηση & Απενεργοποίηση πλαίσια κειμένου σε Javascript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90883.html" target="_blank">Πώς να πάρει την ταυτότητα ενός αντικειμένου σε JQuery </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91115.html" target="_blank">Πώς να κάνει Curved Corners Javascript για IE </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91015.html" target="_blank">Πώς να χρησιμοποιήσετε τα δύο SRC και Inline σε JavaScript </a></li>
</ul>
</div>
<div class="dibud242">
<div class="biaotidasoidasf3h4">
<h4>Τελευταία άρθρα</h4>
<div class="nibushihenzaiyi"></div>
</div>
<ul class="thydghaodennrend">
<li><a href="http://www.221021.com/Programming/javascript-programming/90984.html" target="_blank">Πώς να χρησιμοποιήσετε το DIV με JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91010.html" target="_blank">Πώς να συνδέσετε εξωτερικές JS αρχεία </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/90967.html" target="_blank">Πώς να εκραγεί ένα String Χρησιμοποιώντας JavaScript </a></li>
<li><a href="http://www.221021.com/Programming/javascript-programming/91287.html" target="_blank">Πώς να χρησιμοποιήσετε πολλαπλά αρχεία JavaScript στον συντονισμό μεταξύ τους </a></li>
</ul>
</div>
</div>
</div>
<div class="dibudaohnagdsaw">
<div class="das342sd"><p>Πνευματικά δικαιώματα © <a href="http://www.221021.com/" target="_blank" >Γνώση Υπολογιστών</a> Όλα τα δικαιώματα κατοχυρωμένα </p></div>
</div>
</div>
</body>
</html>