Manipulacji ciągami znaków można się łatwo nauczyć, ale najtrudniej jest je opanować w JavaScript. Wcześniej ciągi wieloliniowe nie były obsługiwane przez JavaScript. Po 2015 roku w ES6 (ECMAScript 6) wprowadzono literały łańcuchowe, które obsługują ciągi wieloliniowe.

Obecnie istnieje kilka sposobów obsługi ciągów wieloliniowych. W tym rozdziale omówimy te różne metody obsługi ciągów wieloliniowych jedna po drugiej.

Poniżej przedstawiono kilka sposobów pracy z ciągiem wieloliniowym:

Metoda 1

To najprostszy sposób JavaScript aby wyświetlić tekst ciągu w wielu wierszach. Użyj karty linii podziału (
) lub HTML w funkcji document.write(), aby rozpocząć tekst od nowej linii.

Przykład

Oto praktyczna implementacja ciągu wieloliniowego przy użyciu programowania JavaScript:

Skopiuj kod

 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;) 

Wyjście

Kiedy wykonasz ten kod, w Internecie zostaną wyświetlone trzy ciągi tekstowe, które zostaną podzielone za pomocą zakładki linii podziału (
) 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. 

Przykład 2: Łączenie pojedynczego ciągu

W tym przykładzie po prostu wydrukujemy ciąg wielowierszowy bez podziału wiersza, używając programowania JavaScript:

Skopiuj kod

 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); 

Wyjście

Kiedy wykonasz ten kod, w Internecie pojawią się dwa akapity tekstowe, które zostaną podzielone za pomocą zakładki linii podziału (
) 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. 

Przykład 3

To prosty przykład drukowania tekstu wielowierszowego przy użyciu programowania JavaScript. W tym przypadku użyliśmy tylko HTML
tab, aby podzielić zdania w wielu wierszach:

Skopiuj kod

 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); 

Wyjście

Kiedy wykonasz ten kod, w Internecie zostaną wyświetlone trzy akapity, które zostaną podzielone za pomocą zakładki linii podziału (
) HTML.

listonosz

 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. 

Metoda 2: Możesz także przekazać ciąg tekstowy do środka

Lub Lub nagłówek zakładki ( Przykład tworzenia ciągu wieloliniowego przy użyciu JavaScript i HTML

Kliknij przycisk, aby wstawić tekst wielowierszowy

Wyświetl wielolinię funkcja showMultilineString() { multilineString = ' ' + '

To jest nagłówek wykorzystujący zakładkę h3.

' + '

To kolejna nowa linia.' + 'Połączyliśmy wszystkie te ciągi używając' + 'operatora łączenia. Ten ciąg tekstowy wyświetli dwie trzy linie.

' + ' ' ; document.getElementById('multiline').innerHTML = multilineString; }Przetestuj teraz

Wyjście

Wynik wyświetli Cię w Internecie, wykonując powyższe. Zobacz odpowiedź poniżej; zobaczysz A Wyświetl wielolinię przycisk, aby wyświetlić ciąg tekstowy.

Kliknij to Wyświetl wielolinię przycisk, a ciąg tekstowy wyświetli Cię w wielu wierszach. Zobacz wynik poniżej:

---