La manipulació de cadenes és fàcil d'aprendre, però el més difícil de dominar en JavaScript. Anteriorment, JavaScript no admetia la cadena de diverses línies. Després del 2015, ES6 (ECMAScript 6) ha introduït literals de cadena que admet cadena de diverses línies.

Ara, hi ha diverses maneres de gestionar la cadena de diverses línies. En aquest capítol parlarem d'aquests diferents mètodes per gestionar una cadena multilínia una per una.

A continuació es mostren un parell de maneres de treballar amb una cadena de diverses línies:

Mètode 1

És la manera més senzilla de JavaScript per mostrar el text de la cadena en diverses línies. Utilitzeu la pestanya de línia de ruptura (
) o HTML dins de la funció document.write() per iniciar el text des de la nova línia.

Exemple

A continuació es mostra la implementació pràctica de la cadena multilínia mitjançant la programació JavaScript:

Copia el codi

 Multiple new lines example document.write(&apos;This is first line display using JavaScript.&apos;); document.write(&apos; <br>&apos;); document.write(&apos;This is second line and divided using break line tab of HTML.&apos;); document.write(&apos; <br>&apos;); document.write(&apos;Now, we again printed another new line.&apos;) 

Sortida

Quan executeu aquest codi, us mostraran tres cadenes de text al web que es dividiran mitjançant la pestanya de línia de ruptura (
) d'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. 

Exemple 2: concatenació de cadena individual

En aquest exemple, simplement imprimirem la cadena de diverses línies sense cap salt de línia mitjançant la programació JavaScript:

Copia el codi

 Multiple new lines example var myString =&apos;Javatpoint is a website of technologies, &apos; + &apos;which provides tutorials of different technologies and tools. &apos; + &apos;Here you will get tutorials in detail&apos; + &apos;like theory as well as practical implementation.&apos; + &apos; <br> We will try to provide you the best knowledge from our side.&apos; + &apos;Student, teachers, and industry professionals can learn from here.&apos;; document.write(myString); 

Sortida

Quan executeu aquest codi, us mostraran dos paràgrafs de text a la web que es dividiran mitjançant la pestanya de línia de ruptura (
) d'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. 

Exemple 3

Aquest és un exemple senzill d'impressió de text de diverses línies mitjançant la programació JavaScript. En això només hem utilitzat HTML
pestanya per trencar les frases en diverses línies:

Copia el codi

 Multiple new lines example var multilineString =&apos;JavaScript is a programming language that is useful for web development at client-side execution.&apos; + &apos;This language is very light-weighted mostly used to put validations, so they check at the client-side.&apos; + &apos; <br> Nowadays, it is very trending in market for web development.&apos; + &apos; <br> As it also allows dynamic execution of code.&apos;; document.write(multilineString); 

Sortida

Quan executeu aquest codi, us mostraran tres paràgrafs a la web que es dividiran mitjançant la pestanya de línia de ruptura (
) d'HTML.

cadena adjunta java

 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. 

Mètode 2: També podeu passar la cadena de text dins

o o encapçalament pestanyes ( Exemple de creació de cadenes de diverses línies amb JavaScript i HTML

Feu clic al botó per inserir text de diverses línies

Mostra multilínia funció showMultilineString() { multilineString = ' ' + '

Aquest és un encapçalament que utilitza la pestanya h3.

'+'

Aquesta és una altra línia nova de cadena. + 'Hem combinat totes aquestes cadenes utilitzant' + 'operador de concatenació. Aquesta cadena de text us mostrarà dues tres línies.

' + ' ' ; document.getElementById('multiline').innerHTML = multilineString; }Prova-ho ara

Sortida

Una sortida us mostrarà al web executant l'anterior. Vegeu la resposta a continuació; veuràs a Mostra multilínia botó per mostrar-vos una cadena de text.

Feu clic a això Mostra multilínia i una cadena de text us mostrarà en diverses línies. Vegeu la sortida a continuació:

---