Im Gegensatz zur Methode write, Methode writeln fügt den übergebenen Text einer Webseite mit Zeilenumbruch hinzu. Wenn diese Methode mehrmals hintereinander aufgerufen wird, fügt jeder Aufruf Text in eine neue Zeile ein. Zum Beispiel, wenn Sie die Methode aufrufen writeln("Hallo") und dann writeln("Frieden!"), dann wird die Seite angezeigt:
ПриветМир!
Also, der Unterschied zwischen den Methoden write und writeln der erste fügt Text ohne Zeilenumbruch hinzu und der zweite fügt einen Zeilenumbruch hinzu. Die Auswahl der Methode hängt davon ab, welche Struktur und Optik Sie auf Ihrer Webseite erzielen möchten.
Unterschied zwischen write und writeln in JavaScript
Write-Funktion in JavaScript
Beispiel für die Verwendung der Write-Funktion :
document.write("Привет, мир!");document.write("Заголовок
");document.write("Это абзац текста.
");Wenn Sie diesen Code ausführen, wird die Webseite angezeigt:
- Hallo, Welt!
- Überschrift
- Dies ist ein Textabsatz.
Es ist erwähnenswert, dass die Verwendung der Write-Funktion einige Probleme verursachen kann. Dies liegt daran, dass beim Aufruf dieser Funktion nach dem Laden des gesamten Dokuments der Inhalt der Seite überschrieben wird, indem bereits vorhandene Elemente, einschließlich Ereignishandler, entfernt werden.
Denken Sie auch daran, dass Sie bei der Verwendung von write in asynchronen Skripten darauf achten müssen, keine Konflikte mit anderen Skripten auf der Seite zu verursachen. In einigen Fällen wird empfohlen, Methoden zum dynamischen Erstellen und Hinzufügen von Elementen zu verwenden, z. B. createElement und appendChild .
Writeln Funktion in JavaScript
Es gibt eine Funktion in JavaScript writeln wird verwendet, um eine Textzeichenfolge zu schreiben, gefolgt von einem Zeilenumbruch.
Der Hauptunterschied der Funktion writeln von der Funktion write ist, dass nach dem Schreiben einer Textzeile mit writeln. Der Cursor wird automatisch in die nächste Zeile verschoben.
Zum Beispiel der folgende Code:
document.writeln("Dies ist eine neue Textzeile.");
Zeigt das folgende Ergebnis an:
Dies ist eine neue Textzeile.
Es sollte auch beachtet werden, dass die Funktion writeln konvertiert automatisch alle an sie übergebenen Argumente in Zeichenfolgen, sodass Sie Werte verschiedener Datentypen ohne explizite Konvertierung übergeben können.
innerHTML ist eine Eigenschaft eines DOM-Elements und stellt den Inhalt des Elements dar, einschließlich aller seiner untergeordneten Elemente. Sie können den Inhalt eines Elements ändern oder abrufen und neue HTML-Elemente hinzufügen. Der Unterschied zum document.write() ist, dass innerHTML nicht den gesamten Inhalt der Seite ersetzt, sondern nur das angegebene Element und seine Nachkommen ändert.
Ein weiteres Merkmal innerHTML ist die Möglichkeit, es zu verwenden, um Skripts auszuführen und Stile dynamisch zu einer Webseite hinzuzufügen. Dies macht es zu einem leistungsfähigen Werkzeug, um interaktive Seiten zu erstellen und ihren Inhalt zu aktualisieren, ohne dass ein vollständiger Neustart erforderlich ist.
| Methode | Ergebnis |
|---|---|
| document.write() | Ersetzt den gesamten Inhalt der Seite |
| innerHTML | Ändert den Inhalt des angegebenen Elements |
Zeilenumbruch möglich
Die Verwendung der writeln() -Methode ist besonders nützlich, wenn Sie HTML-Elemente oder andere Konstrukte erstellen, bei denen für jedes Element oder Attribut eine neue Zeile angegeben werden muss.
Wenn Sie beispielsweise eine Liste erstellen, können Sie die writeln() -Methode verwenden, um nach jedem Element eine neue Zeile hinzuzufügen:
- Erster Punkt
- Zweiter Punkt
- Dritter Punkt
Mit der write() -Methode würde die gesamte Liste in einer Zeile ausgegeben:
- Erster Punkt
- Zweiter Punkt
- Dritter Punkt
Anwendungsbeispiele
Write-Methode:
Hier ist ein Beispiel für die Verwendung der Methode write:
document.write("Привет, мир!");Wenn dieser Code ausgeführt wird, wird auf der Webseite der Text "Hallo Welt!".
Methode writeln:
document.writeln("Привет,");document.writeln("мир!");Auf einer Webseite sieht das Ergebnis der Ausführung dieses Codes folgendermaßen aus:
Привет,мир!Wann man write und writeln sollte
Methode writeln() funktioniert auf ähnliche Weise, aber mit dem Hinzufügen eines automatischen Zeilenvorschubs am Ende jedes Aufrufs. Das bedeutet jede neue Herausforderung writeln() wird in einer neuen Zeile im HTML-Dokument platziert.
Verwendung write() dies kann nützlich sein, wenn Sie Text an einer bestimmten Stelle auf einer Seite hinzufügen müssen, ohne in eine neue Zeile zu übersetzen. Dies kann beispielsweise nützlich sein, um Tabellen und andere komplexe Komponenten mit JavaScript zu erstellen.
