Heim  >  Artikel  >  Web-Frontend  >  So drucken Sie mit Javascript

So drucken Sie mit Javascript

藏色散人
藏色散人Original
2021-07-17 13:57:402256Durchsuche

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()“.

So drucken Sie mit Javascript

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn