Στον προγραμματισμό υπολογιστών, η εκτύπωση είναι μια εντολή που χρησιμοποιείται για την εμφάνιση κάποιου τύπου κειμένου στην οθόνη. Μπορεί να χρησιμοποιηθεί για την εμφάνιση κειμένου (συμβολοσειράς), μιας μεταβλητής, αριθμών ή μαθηματικών υπολογισμών. Ένα από τα πρώτα πράγματα που μαθαίνουν πολλοί προγραμματιστές είναι πώς να χρησιμοποιούν μια εντολή Εκτύπωση για να δημιουργήσουν ένα πρόγραμμα που εμφανίζει το "Hello World!". Σε αντίθεση με άλλες γλώσσες προγραμματισμού, το Javascript αποδίδεται σε ένα πρόγραμμα περιήγησης ιστού. Το Javascript δεν έχει μια απλή εντολή εκτύπωσης όπως πολλές άλλες γλώσσες. Ωστόσο, υπάρχουν πολλοί τρόποι με τους οποίους μπορείτε να εμφανίσετε κείμενο είτε μέσα στο έγγραφο HTML, ένα παράθυρο ειδοποίησης, είτε στην κονσόλα. Μπορείτε επίσης να χρησιμοποιήσετε Javascript για εκτύπωση από εκτυπωτή.
Βήματα
Μέθοδος 1 από 4: Χρήση InnerHTML
Βήμα 1. Πληκτρολογήστε <p id = στο σώμα του εγγράφου HTML
Αυτή είναι η αρχική ετικέτα HTML για κείμενο παραγράφου με ένα συγκεκριμένο αναγνωριστικό.
Για περισσότερες πληροφορίες σχετικά με τον τρόπο σύνταξης κώδικα HTML, ανατρέξτε στο άρθρο Πώς να δημιουργήσετε μια απλή ιστοσελίδα με HTML
Βήμα 2. Πληκτρολογήστε ένα όνομα για το στοιχείο της παραγράφου σε εισαγωγικά που ακολουθούνται από>
Αυτό αποδίδει στο στοιχείο κειμένου της παραγράφου ένα αναγνωριστικό που μπορεί να ανακληθεί στο Javascript. Για παράδειγμα,"
".
Μπορείτε επίσης να χρησιμοποιήσετε άλλα στοιχεία κειμένου HTML, μια τέτοια κεφαλίδα {{kbd |
Βήμα 3. Πληκτρολογήστε
αμέσως μετά το"
ετικέτα.
Αυτό προσθέτει μια ετικέτα κλεισίματος για το στοιχείο HTML της αρχικής παραγράφου
Βήμα 4. Πατήστε ↵ Enter
Αυτό προσθέτει μια νέα γραμμή στο HTML σας.
Βήμα 5. Πληκτρολογήστε και πατήστε ↵ Enter
Αυτή είναι η αρχική ετικέτα για το Javascript. Όλη η κωδικοποίηση Javascript πρέπει να ακολουθεί αυτήν την ετικέτα.
Βήμα 6. Πληκτρολογήστε document.getElementById
Αυτός είναι ο κώδικας javascript για να καλέσετε ένα στοιχείο HTML με το αναγνωριστικό του.
Βήμα 7. Πληκτρολογήστε το αναγνωριστικό του στοιχείου παραγράφου σε εισαγωγικά μέσα σε παρένθεση
Εάν το στοιχείο της παραγράφου σας είναι"
", ο κώδικας javascript θα έγραφε" document.getElementById ("μαθηματικά") ".
Βήμα 8. Πληκτρολογήστε. InnerHTML = μετά την παρένθεση
Αυτή η εντολή χρησιμοποιείται για την εμφάνιση εξόδων κειμένου χρησιμοποιώντας το στοιχείο HTML.
Βήμα 9. Πληκτρολογήστε αυτό που θέλετε να εκτυπώσετε, ακολουθούμενο από ερωτηματικό (;
).
Μπορείτε να εμφανίσετε κείμενο, μια μεταβλητή, αριθμούς ή μια μαθηματική εξίσωση.
Για παράδειγμα, πληκτρολογήστε "document.getElementById (" demo "). InnerHTML = 27 + 33;" για να εκτυπώσετε το άθροισμα των 27 + 33
Βήμα 10. Πατήστε ↵ Enter και πληκτρολογήστε
Αυτή η ετικέτα κλείνει τον κώδικα Javascript. Πληκτρολογήστε αυτήν την ετικέτα όταν τελειώσετε εισάγετε όλες τις γραμμές Javascript. Όταν φορτώνετε το έγγραφο HTML σε ένα πρόγραμμα περιήγησης ιστού, θα εκτυπώνεται μέσα στο έγγραφο HTML.
Μέθοδος 2 από 4: Χρήση ειδοποίησης παραθύρου
Βήμα 1. Πληκτρολογήστε το σώμα του εγγράφου HTML
Αυτή είναι η αρχική ετικέτα για το Javascript.
Βήμα 2. Πατήστε ↵ Enter και πληκτρολογήστε ειδοποίηση
Αυτή είναι η εντολή javascript για να ανοίξετε μια ειδοποίηση αναδυόμενου παραθύρου.
Βήμα 3. Πληκτρολογήστε αυτό που θέλετε να εκτυπώσετε σε παρένθεση
Μπορείτε να πληκτρολογήσετε κείμενο, μια μεταβλητή, αριθμούς ή μια μαθηματική εξίσωση. Για παράδειγμα, "alert (" Hello Sweety! ")" Για να εμφανιστεί το "Hello Sweety!" σε ένα αναδυόμενο παράθυρο.
Βήμα 4. Προσθέστε ένα ημι-κόλον (;
) στο τέλος.
Αυτό κλείνει τη γραμμή Javascript. Ολόκληρη η γραμμή πρέπει να μοιάζει με "alert (" Hello Sweety! ");".
Βήμα 5. Πατήστε ↵ Enter και πληκτρολογήστε
Αυτή η ετικέτα κλείνει τον κώδικα Javascript. Πληκτρολογήστε αυτήν την ετικέτα όταν ολοκληρώσετε την εισαγωγή όλων των γραμμών Javascript. Όταν φορτώνετε το έγγραφο HTML σε ένα πρόγραμμα περιήγησης ιστού, θα εμφανίζει το κείμενο που θέλετε να εκτυπώσετε σε ένα αναδυόμενο παράθυρο.
Μπορείτε επίσης να δημιουργήσετε ένα κουμπί που εμφανίζει το τυπωμένο κείμενο σε ένα αναδυόμενο παράθυρο. Για να το κάνετε αυτό, πληκτρολογήστε "Κείμενο κουμπιού"
Μέθοδος 3 από 4: Χρήση του αρχείου καταγραφής κονσόλας
Βήμα 1. Πληκτρολογήστε το σώμα του εγγράφου HTML
Αυτή είναι η αρχική ετικέτα για το Javascript.
Βήμα 2. Πατήστε ↵ Enter και πληκτρολογήστε console.log
Αυτή είναι η εντολή javascript για ένα αρχείο καταγραφής κονσόλας. Ένα αρχείο καταγραφής κονσόλας είναι το πλησιέστερο σε μια εντολή Εκτύπωση με την τυπική έννοια της κωδικοποίησης. Δεν εμφανίζει κείμενο στην ιστοσελίδα σας, αλλά εμφανίζει κείμενο μέσα στην κονσόλα όταν εκτελείτε το HTML/Javascript μέσα σε ένα πρόγραμμα περιήγησης ιστού. Αυτό είναι χρήσιμο για τον εντοπισμό σφαλμάτων.
Βήμα 3. Πληκτρολογήστε το κείμενο που θέλετε να συνδεθείτε σε παρένθεση
Μπορεί να είναι κείμενο (συμβολοσειρά), μεταβλητή, αριθμοί ή μαθηματική εξίσωση. Για παράδειγμα, console.log (Εκτυπώνω σε Javascript).
Βήμα 4. Προσθέστε ένα ημι-κόλον (;
) στο τέλος.
Αυτό κλείνει τη γραμμή Javascript. Όλη η γραμμή πρέπει να μοιάζει με "nowiki> console.log (εκτυπώνω σε Javascript)
Βήμα 5. Πατήστε ↵ Enter και πληκτρολογήστε
Αυτή η ετικέτα κλείνει τον κώδικα Javascript. Πληκτρολογήστε αυτήν την ετικέτα όταν ολοκληρώσετε την εισαγωγή όλων των γραμμών Javascript.
Βήμα 6. Αποθηκεύστε το έγγραφο HTML
Χρησιμοποιήστε τα παρακάτω βήματα για να αποθηκεύσετε το έγγραφο HTML.
- Κάντε κλικ Αρχείο στο επάνω μέρος του προγράμματος επεξεργασίας κειμένου ή του προγράμματος επεξεργασίας HTML.
- Κάντε κλικ Αποθήκευση ως.
- Πληκτρολογήστε ένα όνομα αρχείου για το έγγραφο HTML.
- Βεβαιωθείτε ότι αποθηκεύεται ως έγγραφο ".html".
- Κάντε κλικ Αποθηκεύσετε.
Βήμα 7. Ανοίξτε το έγγραφο HTML σε ένα πρόγραμμα περιήγησης ιστού
Ανοίξτε οποιοδήποτε πρόγραμμα περιήγησης ιστού της επιλογής σας και πληκτρολογήστε τη θέση αρχείου του εγγράφου HTML στη γραμμή διευθύνσεων στο επάνω μέρος. Αυτό θα ανοίξει το έγγραφο HTML στο πρόγραμμα περιήγησής σας.
Βήμα 8. Πατήστε F12
Αυτό ανοίγει τη λειτουργία προγραμματιστή στο πρόγραμμα περιήγησής σας. Θα δείτε ένα νέο παράθυρο με τον κώδικα HTML, CSS και Javascript να εμφανίζεται.
Βήμα 9. Κάντε κλικ στην επιλογή Κονσόλα
Βρίσκεται στην κορυφή του παραθύρου λειτουργίας προγραμματιστή.
Βήμα 10. Ανανεώστε το πρόγραμμα περιήγησής σας
Βήμα 1. Πληκτρολογήστε <κουμπί onclick = στο σώμα του εγγράφου HTML
Αυτή είναι η εναρκτήρια ετικέτα HTML για τη δημιουργία ενός κουμπιού μέσα στο HTML σας.
Βήμα 2. Πληκτρολογήστε "window.print ()"> μετά το σύμβολο ίσων (=)
Η εντολή "window.print ()" είναι η εντολή Javascript για να εκτυπώσετε τα περιεχόμενα του παραθύρου του προγράμματος περιήγησης ιστού. Η αγκύλη (>) ολοκληρώνει την ετικέτα ανοίγματος του κουμπιού HTML.
Βήμα 3. Πληκτρολογήστε το κείμενο που θέλετε να μεταβείτε στο κουμπί
Αυτό θα πρέπει να γίνει αμέσως μετά την αγκύλη (>). Για παράδειγμα, μπορείτε να πληκτρολογήσετε "Κάντε κλικ εδώ για εκτύπωση" ή κάτι παρόμοιο.
Βήμα 4. Πληκτρολογήστε
Αυτό κλείνει το στοιχείο κουμπιού HTML. Όταν αποδίδετε το HTML σας σε ένα πρόγραμμα περιήγησης ιστού, θα δημιουργήσει ένα κουμπί στο οποίο μπορείτε να κάνετε κλικ για να εκτυπώσετε τα περιεχόμενα του προγράμματος περιήγησης ιστού yoru.