Die String-Manipulation ist leicht zu erlernen, in JavaScript jedoch am schwierigsten zu beherrschen. Früher wurden mehrzeilige Zeichenfolgen von JavaScript nicht unterstützt. Nach 2015 wurden mit ES6 (ECMAScript 6) String-Literale eingeführt, die mehrzeilige Strings unterstützen.
Nun gibt es mehrere Möglichkeiten, mit mehrzeiligen Zeichenfolgen umzugehen. Wir werden diese verschiedenen Methoden zur Verarbeitung mehrzeiliger Zeichenfolgen einzeln in diesem Kapitel besprechen.
Im Folgenden finden Sie einige Möglichkeiten, mit mehrzeiligen Zeichenfolgen zu arbeiten:
Methode 1
Es ist der einfachste Weg JavaScript um den Zeichenfolgentext in mehreren Zeilen anzuzeigen. Verwenden Sie die Registerkarte „Bruchlinie“ (
) oder HTML in der Funktion document.write() ein, um den Text in der neuen Zeile zu beginnen.
Beispiel
Hier ist die praktische Implementierung einer mehrzeiligen Zeichenfolge mithilfe der JavaScript-Programmierung:
Code kopieren
Multiple new lines example document.write('This is first line display using JavaScript.'); document.write(' <br>'); document.write('This is second line and divided using break line tab of HTML.'); document.write(' <br>'); document.write('Now, we again printed another new line.')Testen Sie es jetzt
Ausgabe
Wenn Sie diesen Code ausführen, werden Ihnen im Web drei Textzeichenfolgen angezeigt, die mithilfe der Registerkarte „Bruchlinie“ geteilt werden (
) von HTML .
This is first line display using JavaScript. This is second line and divided using break line tab of HTML. Now, we again printed another new line.
Beispiel 2: Verkettung einzelner Zeichenfolgen
In diesem Beispiel drucken wir mithilfe der JavaScript-Programmierung einfach die mehrzeilige Zeichenfolge ohne Zeilenumbruch aus:
Code kopieren
Multiple new lines example var myString ='Javatpoint is a website of technologies, ' + 'which provides tutorials of different technologies and tools. ' + 'Here you will get tutorials in detail' + 'like theory as well as practical implementation.' + ' <br> We will try to provide you the best knowledge from our side.' + 'Student, teachers, and industry professionals can learn from here.'; document.write(myString);Testen Sie es jetzt
Ausgabe
Wenn Sie diesen Code ausführen, werden Ihnen im Web zwei Textabsätze angezeigt, die mithilfe der Registerkarte „Bruchlinie“ geteilt werden (
) von HTML.
Javatpoint is a website of technologies, which provides tutorials of different technologies and tools. Here you will get tutorials in detail 'like theory as well as practical implementation. We will try to provide you the best knowledge from our side. 'Student, teachers, and industry professionals can learn from here.
Beispiel 3
Dies ist ein einfaches Beispiel für das Drucken mehrzeiliger Texte mithilfe der JavaScript-Programmierung. Dabei haben wir ausschließlich HTML verwendet
Tab, um die Sätze in mehrere Zeilen aufzuteilen:
Code kopieren
Multiple new lines example var multilineString ='JavaScript is a programming language that is useful for web development at client-side execution.' + 'This language is very light-weighted mostly used to put validations, so they check at the client-side.' + ' <br> Nowadays, it is very trending in market for web development.' + ' <br> As it also allows dynamic execution of code.'; document.write(multilineString);Testen Sie es jetzt
Ausgabe
Wenn Sie diesen Code ausführen, werden Ihnen im Web drei Absätze angezeigt, die mithilfe der Registerkarte „Bruchlinie“ () geteilt werden.
) von HTML.
Javascript-Dropdown
JavaScript is a programming language that is popular for web development at the client-side execution. This language is very light-weighted mostly used to put validations, so they check at client-side. Nowadays, it is very trending in market for web development. As it also allows dynamic execution of code.
Methode 2: Sie können die Textzeichenfolge auch darin übergeben
oder oder Überschrift Registerkarten ( Beispiel für die Erstellung mehrzeiliger Zeichenfolgen mit JavaScript und HTML
Klicken Sie auf die Schaltfläche, um mehrzeiligen Text einzufügen
Mehrzeilig anzeigen Funktion showMultilineString() { multilineString = ' ' + 'Dies ist eine Überschrift mit h3-Tab.
' + 'Dies ist eine weitere String-Neuzeile.' + 'Wir haben alle diese Zeichenfolgen mit dem' + 'Verkettungsoperator kombiniert. Diese Textzeichenfolge zeigt Ihnen zwei drei Zeilen.
' + ' ' ; document.getElementById('multiline').innerHTML = multilineString; }Testen Sie es jetztAusgabe
Durch Ausführen des oben genannten Vorgangs wird Ihnen eine Ausgabe im Web angezeigt. Siehe die Antwort unten; Sie werden ein sehen Mehrzeilig anzeigen Klicken Sie auf die Schaltfläche, um eine Textzeichenfolge anzuzeigen.
Klicke hier Mehrzeilig anzeigen Klicken Sie auf die Schaltfläche und eine Textzeichenfolge wird Ihnen in mehreren Zeilen angezeigt. Siehe die Ausgabe unten:
