So drucken Sie mit Javascript-Front-End-Fragen und Antworten-php.cn

So drucken Sie mit Javascript

藏色散人

Freigeben： 2023-01-07 11:44:01

Original

2305 Leute haben es durchsucht

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!