4 τρόποι εκτύπωσης σε Javascript

Πίνακας περιεχομένων:

4 τρόποι εκτύπωσης σε Javascript
4 τρόποι εκτύπωσης σε Javascript

Βίντεο: 4 τρόποι εκτύπωσης σε Javascript

Βίντεο: 4 τρόποι εκτύπωσης σε Javascript
Βίντεο: GPT-4 Is EPIC - Build A Tetris Game In Seconds - Better Than ChatGPT - Code Refactor - How To Use 2024, Μάρτιος
Anonim

Στον προγραμματισμό υπολογιστών, η εκτύπωση είναι μια εντολή που χρησιμοποιείται για την εμφάνιση κάποιου τύπου κειμένου στην οθόνη. Μπορεί να χρησιμοποιηθεί για την εμφάνιση κειμένου (συμβολοσειράς), μιας μεταβλητής, αριθμών ή μαθηματικών υπολογισμών. Ένα από τα πρώτα πράγματα που μαθαίνουν πολλοί προγραμματιστές είναι πώς να χρησιμοποιούν μια εντολή Εκτύπωση για να δημιουργήσουν ένα πρόγραμμα που εμφανίζει το "Hello World!". Σε αντίθεση με άλλες γλώσσες προγραμματισμού, το Javascript αποδίδεται σε ένα πρόγραμμα περιήγησης ιστού. Το Javascript δεν έχει μια απλή εντολή εκτύπωσης όπως πολλές άλλες γλώσσες. Ωστόσο, υπάρχουν πολλοί τρόποι με τους οποίους μπορείτε να εμφανίσετε κείμενο είτε μέσα στο έγγραφο HTML, ένα παράθυρο ειδοποίησης, είτε στην κονσόλα. Μπορείτε επίσης να χρησιμοποιήσετε Javascript για εκτύπωση από εκτυπωτή.

Βήματα

Μέθοδος 1 από 4: Χρήση InnerHTML

Εκτύπωση σε Javascript Βήμα 1
Εκτύπωση σε Javascript Βήμα 1

Βήμα 1. Πληκτρολογήστε <p id = στο σώμα του εγγράφου HTML

Αυτή είναι η αρχική ετικέτα HTML για κείμενο παραγράφου με ένα συγκεκριμένο αναγνωριστικό.

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

Εκτύπωση σε Javascript Βήμα 2
Εκτύπωση σε Javascript Βήμα 2

Βήμα 2. Πληκτρολογήστε ένα όνομα για το στοιχείο της παραγράφου σε εισαγωγικά που ακολουθούνται από>

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

".

Μπορείτε επίσης να χρησιμοποιήσετε άλλα στοιχεία κειμένου HTML, μια τέτοια κεφαλίδα {{kbd |

Εκτύπωση σε Javascript Βήμα 3
Εκτύπωση σε Javascript Βήμα 3

Βήμα 3. Πληκτρολογήστε

αμέσως μετά το"

ετικέτα.

Αυτό προσθέτει μια ετικέτα κλεισίματος για το στοιχείο HTML της αρχικής παραγράφου

Εκτύπωση σε Javascript Βήμα 4
Εκτύπωση σε Javascript Βήμα 4

Βήμα 4. Πατήστε ↵ Enter

Αυτό προσθέτει μια νέα γραμμή στο HTML σας.

Εκτύπωση σε Javascript Βήμα 5
Εκτύπωση σε Javascript Βήμα 5

Βήμα 5. Πληκτρολογήστε και πατήστε ↵ Enter

Αυτή είναι η αρχική ετικέτα για το Javascript. Όλη η κωδικοποίηση Javascript πρέπει να ακολουθεί αυτήν την ετικέτα.

Εκτύπωση σε Javascript Βήμα 6
Εκτύπωση σε Javascript Βήμα 6

Βήμα 6. Πληκτρολογήστε document.getElementById

Αυτός είναι ο κώδικας javascript για να καλέσετε ένα στοιχείο HTML με το αναγνωριστικό του.

Εκτύπωση σε Javascript Βήμα 7
Εκτύπωση σε Javascript Βήμα 7

Βήμα 7. Πληκτρολογήστε το αναγνωριστικό του στοιχείου παραγράφου σε εισαγωγικά μέσα σε παρένθεση

Εάν το στοιχείο της παραγράφου σας είναι"

", ο κώδικας javascript θα έγραφε" document.getElementById ("μαθηματικά") ".

Εκτύπωση σε Javascript Βήμα 8
Εκτύπωση σε Javascript Βήμα 8

Βήμα 8. Πληκτρολογήστε. InnerHTML = μετά την παρένθεση

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

Εκτύπωση σε Javascript Βήμα 9
Εκτύπωση σε Javascript Βήμα 9

Βήμα 9. Πληκτρολογήστε αυτό που θέλετε να εκτυπώσετε, ακολουθούμενο από ερωτηματικό (;

).

Μπορείτε να εμφανίσετε κείμενο, μια μεταβλητή, αριθμούς ή μια μαθηματική εξίσωση.

Για παράδειγμα, πληκτρολογήστε "document.getElementById (" demo "). InnerHTML = 27 + 33;" για να εκτυπώσετε το άθροισμα των 27 + 33

Εκτύπωση σε Javascript Βήμα 10
Εκτύπωση σε Javascript Βήμα 10

Βήμα 10. Πατήστε ↵ Enter και πληκτρολογήστε

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

Μέθοδος 2 από 4: Χρήση ειδοποίησης παραθύρου

Εκτύπωση σε Javascript Βήμα 11
Εκτύπωση σε Javascript Βήμα 11

Βήμα 1. Πληκτρολογήστε το σώμα του εγγράφου HTML

Αυτή είναι η αρχική ετικέτα για το Javascript.

Εκτύπωση σε Javascript Βήμα 12
Εκτύπωση σε Javascript Βήμα 12

Βήμα 2. Πατήστε ↵ Enter και πληκτρολογήστε ειδοποίηση

Αυτή είναι η εντολή javascript για να ανοίξετε μια ειδοποίηση αναδυόμενου παραθύρου.

Εκτύπωση σε Javascript Βήμα 13
Εκτύπωση σε Javascript Βήμα 13

Βήμα 3. Πληκτρολογήστε αυτό που θέλετε να εκτυπώσετε σε παρένθεση

Μπορείτε να πληκτρολογήσετε κείμενο, μια μεταβλητή, αριθμούς ή μια μαθηματική εξίσωση. Για παράδειγμα, "alert (" Hello Sweety! ")" Για να εμφανιστεί το "Hello Sweety!" σε ένα αναδυόμενο παράθυρο.

Εκτύπωση σε Javascript Βήμα 14
Εκτύπωση σε Javascript Βήμα 14

Βήμα 4. Προσθέστε ένα ημι-κόλον (;

) στο τέλος.

Αυτό κλείνει τη γραμμή Javascript. Ολόκληρη η γραμμή πρέπει να μοιάζει με "alert (" Hello Sweety! ");".

Εκτύπωση σε Javascript Βήμα 15
Εκτύπωση σε Javascript Βήμα 15

Βήμα 5. Πατήστε ↵ Enter και πληκτρολογήστε

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

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

Μέθοδος 3 από 4: Χρήση του αρχείου καταγραφής κονσόλας

Εκτύπωση σε Javascript Βήμα 16
Εκτύπωση σε Javascript Βήμα 16

Βήμα 1. Πληκτρολογήστε το σώμα του εγγράφου HTML

Αυτή είναι η αρχική ετικέτα για το Javascript.

Εκτύπωση σε Javascript Βήμα 17
Εκτύπωση σε Javascript Βήμα 17

Βήμα 2. Πατήστε ↵ Enter και πληκτρολογήστε console.log

Αυτή είναι η εντολή javascript για ένα αρχείο καταγραφής κονσόλας. Ένα αρχείο καταγραφής κονσόλας είναι το πλησιέστερο σε μια εντολή Εκτύπωση με την τυπική έννοια της κωδικοποίησης. Δεν εμφανίζει κείμενο στην ιστοσελίδα σας, αλλά εμφανίζει κείμενο μέσα στην κονσόλα όταν εκτελείτε το HTML/Javascript μέσα σε ένα πρόγραμμα περιήγησης ιστού. Αυτό είναι χρήσιμο για τον εντοπισμό σφαλμάτων.

Εκτύπωση σε Javascript Βήμα 18
Εκτύπωση σε Javascript Βήμα 18

Βήμα 3. Πληκτρολογήστε το κείμενο που θέλετε να συνδεθείτε σε παρένθεση

Μπορεί να είναι κείμενο (συμβολοσειρά), μεταβλητή, αριθμοί ή μαθηματική εξίσωση. Για παράδειγμα, console.log (Εκτυπώνω σε Javascript).

Εκτύπωση σε Javascript Βήμα 19
Εκτύπωση σε Javascript Βήμα 19

Βήμα 4. Προσθέστε ένα ημι-κόλον (;

) στο τέλος.

Αυτό κλείνει τη γραμμή Javascript. Όλη η γραμμή πρέπει να μοιάζει με "nowiki> console.log (εκτυπώνω σε Javascript)

Εκτύπωση σε Javascript Βήμα 20
Εκτύπωση σε Javascript Βήμα 20

Βήμα 5. Πατήστε ↵ Enter και πληκτρολογήστε

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

Εκτύπωση σε Javascript Βήμα 21
Εκτύπωση σε Javascript Βήμα 21

Βήμα 6. Αποθηκεύστε το έγγραφο HTML

Χρησιμοποιήστε τα παρακάτω βήματα για να αποθηκεύσετε το έγγραφο HTML.

  • Κάντε κλικ Αρχείο στο επάνω μέρος του προγράμματος επεξεργασίας κειμένου ή του προγράμματος επεξεργασίας HTML.
  • Κάντε κλικ Αποθήκευση ως.
  • Πληκτρολογήστε ένα όνομα αρχείου για το έγγραφο HTML.
  • Βεβαιωθείτε ότι αποθηκεύεται ως έγγραφο ".html".
  • Κάντε κλικ Αποθηκεύσετε.
Εκτύπωση σε Javascript Βήμα 22
Εκτύπωση σε Javascript Βήμα 22

Βήμα 7. Ανοίξτε το έγγραφο HTML σε ένα πρόγραμμα περιήγησης ιστού

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

Εκτύπωση σε Javascript Βήμα 23
Εκτύπωση σε Javascript Βήμα 23

Βήμα 8. Πατήστε F12

Αυτό ανοίγει τη λειτουργία προγραμματιστή στο πρόγραμμα περιήγησής σας. Θα δείτε ένα νέο παράθυρο με τον κώδικα HTML, CSS και Javascript να εμφανίζεται.

Εκτύπωση σε Javascript Βήμα 24
Εκτύπωση σε Javascript Βήμα 24

Βήμα 9. Κάντε κλικ στην επιλογή Κονσόλα

Βρίσκεται στην κορυφή του παραθύρου λειτουργίας προγραμματιστή.

Εκτύπωση σε Javascript Βήμα 25
Εκτύπωση σε Javascript Βήμα 25

Βήμα 10. Ανανεώστε το πρόγραμμα περιήγησής σας

Εκτύπωση σε Javascript Βήμα 26
Εκτύπωση σε Javascript Βήμα 26

Βήμα 1. Πληκτρολογήστε <κουμπί onclick = στο σώμα του εγγράφου HTML

Αυτή είναι η εναρκτήρια ετικέτα HTML για τη δημιουργία ενός κουμπιού μέσα στο HTML σας.

Εκτύπωση σε Javascript Βήμα 27
Εκτύπωση σε Javascript Βήμα 27

Βήμα 2. Πληκτρολογήστε "window.print ()"> μετά το σύμβολο ίσων (=)

Η εντολή "window.print ()" είναι η εντολή Javascript για να εκτυπώσετε τα περιεχόμενα του παραθύρου του προγράμματος περιήγησης ιστού. Η αγκύλη (>) ολοκληρώνει την ετικέτα ανοίγματος του κουμπιού HTML.

Εκτύπωση σε Javascript Βήμα 28
Εκτύπωση σε Javascript Βήμα 28

Βήμα 3. Πληκτρολογήστε το κείμενο που θέλετε να μεταβείτε στο κουμπί

Αυτό θα πρέπει να γίνει αμέσως μετά την αγκύλη (>). Για παράδειγμα, μπορείτε να πληκτρολογήσετε "Κάντε κλικ εδώ για εκτύπωση" ή κάτι παρόμοιο.

Εκτύπωση σε Javascript Βήμα 29
Εκτύπωση σε Javascript Βήμα 29

Βήμα 4. Πληκτρολογήστε

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

Συνιστάται: