Wie man die Linie in JavaScript brechen

Während des Hochladens oder Schreibens von Blogs auf Websites müssen Entwickler die Zeilen des Textes brechen, um eine bessere Lesbarkeit zu erhalten. Darüber hinaus erstellen Programmierer manchmal eine textbasierte Ausgabe auf der Konsole, um ihren Code zu testen. Sie müssen ihre Aussagen in mehrere Zeilen zerlegen. Deshalb ist die Zeilenunterbrechung in JavaScript wichtig für die JavaScript -Codierung zu lernen.

In diesem Blog wird die Möglichkeiten definiert, eine Zeile während des Code in JavaScript zu brechen.

Wie man die Linie in JavaScript brechen?

Verwenden Sie die folgenden genannten Methoden, um eine Zeile im JavaScript -Code zu brechen:

• • Verwenden Sie \ n (das Newline Escape -Zeichen)
  • Verwenden von Vorlagenliteralen
  • Verwendung
    Schild

Methode 1: Bruchzeile in JavaScript mit dem Zeichen "\ n"

Verwenden Sie die “\NZeichen, um die Linie in JavaScript zu brechen. Es ist ein Fluchtcharakter, der die Linien für eine neue Linie bricht. Es ist der hilfreichste und am häufigsten verwendete Ansatz. Sie können es problemlos in einem „in“ verwendenKonsole.Protokoll()Methode oder eine Zeichenfolge.

Beispiel

Erstellen Sie eine Variable “Saite"Das enthält verschiedene Zeichenfolgen, die mit Hilfe von" auf getrennte Zeilen drucken "drucken werden\N”(Die Newline -Fluchtcharakter):

var string = "Willkommen im LinuxHint \ nhere Sie werden verschiedene Programmierfähigkeiten erlernen \ nsuch als" Java "," JavaScript "," html/csS "usw.;

Drucken Sie schließlich die Variable „String“ auf der Konsole mit “ausKonsole.Protokoll()" Methode:

Konsole.log (string);

Es kann beobachtet werden, dass die drei Saiten in drei verschiedenen Linien auf der Konsole angezeigt wurden:

Methode 2: Brechen Sie die Zeile in JavaScript mit Template -Literalen auf

Sie können auch Zeichenfolgen in verschiedenen Zeilen drucken, indem Sie die Eingabetaste in der Zeichenfolge oder in der String drückenKonsole.Protokoll()" Methode. Verwenden Sie zu diesem Zweck die “Vorlagenliterale”('').

Beispiel

Erstellen Sie eine Zeichenfolge, die verschiedene Zeichenfolgen mit Zeilenunterbrechungen speichert, indem Sie die Eingabetaste unter Verwendung von Vorlagenliteralen drücken:

var string = 'Willkommen im LinuxHint
Hier lernen Sie unterschiedliche Programmierfähigkeiten
Wie "Java", "JavaScript", "Html/CSS" und so weiter ";

Es druckt die Zeichenfolge im selben Muster auf der Konsole mit der “Konsole.Protokoll()" Methode:

Konsole.log (string);

Ausgang

Methode 3: Bruchzeile in JavaScript mit “
" Schild

Sie können auch die HTML verwenden “
Tag in JavaScript, um die Zeile in "in" zu brechen "dokumentieren.schreiben()”Methode oder in“Konsole.Protokoll()Methode oder eine Zeichenfolge.

Beispiel

Um etwas auf der Webseite zu drucken, verwenden wir normalerweise die “dokumentieren.schreiben()Methode durch Übergabe des Textes. Hier drucken wir verschiedene Zeichenfolgen auf der Webseite, indem wir die Zeilen mit der “durchbrechen
Tag im „Dokument.Write () ”Methode:

dokumentieren.schreiben ("Willkommen im LinuxHint");
dokumentieren.schreiben("
");
dokumentieren.Schreiben ("Hier lernen Sie verschiedene Programmierkenntnisse");
dokumentieren.schreiben("
");
dokumentieren.schreiben ("wie" Java "," JavaScript "," Html/CSS "und so weiter");

Es ist ersichtlich, dass der gesamte Text auf der Webseite auf separaten Zeilen angezeigt wurde:

Sie können auch Text in der jeweiligen Position auf der Webseite drucken. Hier geben wir einen Bereich mit dem “an

Tag, indem eine ID zugewiesen wird, die zum Zugriff auf diese verwendet wird

Tag im JavaScript -Code:

Erstellen Sie eine Zeichenfolge, die einen Text speichert, der in diesem angegebenen Bereich angezeigt wird. Hier werden wir das verkettet
Tag mit den Saiten, um die Linien zu brechen:

lass breaklinescode = "Willkommen im LinuxHint" + "
" +" Hier lernen Sie verschiedene Programmierfähigkeiten " +"
" +" Wie 'Java', 'JavaScript', 'html/css' und so weiter ";

Holen Sie sich die Referenz der

Tag mit seiner zugewiesenen ID mit Hilfe von “GetElementById ()Methode und Text mit der “anstellenInnerhtml" Eigentum:

dokumentieren.GetElementById ("Bruch").Innerhtml = BreaklinesCode;

Ausgang

Wir haben alle relevanten Informationen gesammelt, um die Linie in JavaScript zu brechen.

Abschluss

Verwenden Sie die “, um eine Zeile in JavaScript zu brechen, die“\N”(Die Newline -Fluchtcharakter)“, “Vorlagenliterale”Oder eine HTML“
"Tag mit dem"dokumentieren.schreiben()”Methode oder die“Innerhtml" Eigentum. Dieser Blog definierte die Möglichkeiten, eine Zeile während des Code in JavaScript zu brechen.