Εξαγωγή στο JavaScript

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

Το JavaScript μπορεί να

  • Χρήση window.alert() Γράψτε στο παράθυρο προειδοποίησης
  • Χρήση document.write(); Γράψτε στο αποτέλεσμα της απόδοσης HTML
  • Χρήση innerHTML Γράψτε στο στοιχείο HTML
  • Χρήση console.log(); Γράψτε στο πρόγραμμα διαχείρισης παραμέτρων του προγράμματος περιήγησης

Χρήση innerHTML

Για να προσβείτε στο στοιχείο HTML, το JavaScript μπορεί να χρησιμοποιήσει document.getElementById(id) Μέθοδος.

id Η ιδιότητα καθορίζει το στοιχείο HTML. Η ιδιότητα innerHTML καθορίζει το περιεχόμενο HTML:

Παράδειγμα

<!DOCTYPE html>
<html>
<body>
<h1>Η πρώτη μου ιστοσελίδα</h1>
<p>Ο πρώτος μου ατύπος</p>
<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>

Δοκιμάστε το προσωπικά

Σημείωση:Η αλλαγή της ιδιότητας innerHTML του στοιχείου HTML είναι μια συνηθισμένη μέθοδος για την εμφάνιση δεδομένων στο HTML.

χρησιμοποιήστε document.write()

για σκοπούς δοκιμών, χρησιμοποιήστε document.write(); είναι πιο εύκολο:

Παράδειγμα

<!DOCTYPE html>
<html>
<body>
<h1>Η πρώτη μου ιστοσελίδα</h1>
<p>Ο πρώτος μου ατύπος</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

Δοκιμάστε το προσωπικά

Σημείωση:στοιχεία HTML εγγράφου document.write(); χρησιμοποιήστεαφαιρέστε όλα τα υπάρχοντα HTML :

Παράδειγμα

<!DOCTYPE html>
<html>
<body>
<h1>Η πρώτη μου ιστοσελίδα</h1>
<p>Ο πρώτος μου ατύπος</p>
<button onclick="document.write(5 + 6)">Δοκιμάστε το</button>
</body>
</html>

Δοκιμάστε το προσωπικά

Σημείωση:document.write(); η μέθοδος χρησιμοποιείται μόνο για δοκιμές.

χρησιμοποιήστε window.alert();

Μπορείτε να χρησιμοποιήσετε το παράθυρο προειδοποίησης για να εμφανίσετε δεδομένα:

Παράδειγμα

<!DOCTYPE html>
<html>
<body>
<h1>Η πρώτη μου ιστοσελίδα</h1>
<p>Ο πρώτος μου ατύπος</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

Δοκιμάστε το προσωπικά

χρησιμοποιήστε console.log();

Στο πρόγραμμα περιήγησης, μπορείτε να χρησιμοποιήσετε console.log(); μεθόδους για την εμφάνιση δεδομένων.

Παρακαλώ ενεργοποιήστε το κονσόλας του προγράμματος περιήγησης μέσω F12 και επιλέξτε "Κονσόλα" από το μενού.

Παράδειγμα

<!DOCTYPE html>
<html>
<body>
<h1>Η πρώτη μου ιστοσελίδα</h1>
<p>Ο πρώτος μου ατύπος</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

Δοκιμάστε το προσωπικά