JavaScript hat keine integrierte Druck oder Anzeigefunktionen.
JavaScript Display Möglichkeiten
JavaScript kann "Anzeige" Daten auf unterschiedliche Weise:
- Das Schreiben in eine Alert - Box, mit window.alert() .
- Das Schreiben in die HTML - Ausgabe mit document.write() .
- Das Schreiben in ein HTML - Element, mit innerHTML .
- Das Schreiben in die Browserkonsole, mit console.log() .
Mit window.alert()
Sie können eine Warnmeldung angezeigt werden Daten verwenden:
Beispiel
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
Versuch es selber " Mit document.write()
Zu Testzwecken ist es bequem zu verwenden document.write() :
Beispiel
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
Versuch es selber " Mit document.write() , nachdem ein HTML - Dokument vollständig geladen ist, wird alle bestehenden HTML löschen:
Beispiel
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button onclick="document.write(5 + 6)">Try it</button>
</body>
</html>
Versuch es selber " Die document.write() Methode sollte nur zum Testen verwendet werden.
Mit innerHTML
Um ein HTML - Element zuzugreifen, können Sie JavaScript die Verwendung document.getElementById(id) Methode.
Das id - Attribut definiert das HTML - Element. Die innerHTML Eigenschaft definiert den HTML - Inhalt:
Beispiel
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My
First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
Versuch es selber " Um "Anzeigedaten" in HTML, (in den meisten Fällen) werden Sie den Wert eines gesetzt innerHTML Eigenschaft.
Mit console.log()
In Ihrem Browser können Sie die Verwendung console.log() Methode , um Daten anzuzeigen.
Aktivieren Sie die Browser-Konsole mit F12, und wählen Sie "Console" im Menü.
Beispiel
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>
Versuch es selber "