Heim > Artikel > Web-Frontend > So drucken Sie mit Javascript
Javascript bietet keine integrierten Druck- oder Anzeigefunktionen, kann Daten jedoch auf verschiedene Arten „anzeigen“, nämlich: 1. „window.alert()“ 2. „document.write()“; , „innerHTML“; 4. „console.log()“.
Die Betriebsumgebung dieses Artikels: Windows7-System, Javascript-Version 1.8.5, DELL G3-Computer
Wie drucke ich mit Javascript?
JavaScript bietet keine integrierten Druck- oder Anzeigefunktionen.
JavaScript-Anzeigelösung
JavaScript kann Daten auf verschiedene Arten „anzeigen“:
Verwenden Sie window.alert(), um Warnfelder zu schreiben.
Verwenden Sie document.write(), um eine HTML-Ausgabe zu schreiben.
Verwenden Sie innerHTML, um HTML zu schreiben Elemente
Verwenden Sie console.log(), um in die Browserkonsole zu schreiben
Verwenden Sie innerHTML
Um auf HTML-Elemente zuzugreifen, kann JavaScript die Methode document.getElementById(id) verwenden. Das
id-Attribut definiert ein HTML-Element. Das innerHTML-Attribut definiert HTML-Inhalt:
Beispiel
<!DOCTYPE html> <html> <body> <h1>我的第一张网页</h1> <p>我的第一个段落</p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = 5 + 6; </script> </body> </html>
Tipp: Das Ändern des innerHTML-Attributs eines HTML-Elements ist eine gängige Methode zum Anzeigen von Daten in HTML.
Verwenden Sie document.write()
Zu Testzwecken ist es bequemer, document.write() zu verwenden:
Beispiel
<!DOCTYPE html> <html> <body> <h1>我的第一张网页</h1> <p>我的第一个段落</p> <script> document.write(5 + 6); </script> </body> </html>
Hinweis: Wenn Sie document.write() verwenden, nachdem das HTML-Dokument vollständig geladen ist, wird dies der Fall sein Alle vorhandenen löschen Etwas HTML:
Beispiel
<!DOCTYPE html> <html> <body> <h1>我的第一张网页</h1> <p>我的第一个段落</p> <button onclick="document.write(5 + 6)">试一试</button> </body> </html>
Tipps: Die Methode document.write() dient nur zum Testen.
Mit window.alert()
Sie können ein Alarmfeld verwenden, um Daten anzuzeigen:
Beispiel
<!DOCTYPE html> <html> <body> <h1>我的第一张网页</h1> <p>我的第一个段落</p> <script> window.alert(5 + 6); </script> </body> </html>
Verwenden Sie console.log()
Im Browser können Sie console.log() verwenden Methode zum Anzeigen von Daten.
Bitte aktivieren Sie die Browserkonsole über F12 und wählen Sie im Menü „Konsole“.
Beispiel
<!DOCTYPE html> <html> <body> <h1>我的第一张网页</h1> <p>我的第一个段落</p> <script> console.log(5 + 6); </script> </body> </html>
Empfohlenes Lernen: „Javascript-Tutorial für Fortgeschrittene“
Das obige ist der detaillierte Inhalt vonSo drucken Sie mit Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!