Strängmanipulation är lätt att lära sig men svårast att bemästra det i JavaScript. Tidigare stöddes inte en flerradssträng av JavaScript. Efter 2015 har strängliteraler introducerats av ES6 (ECMAScript 6) som stöder flerradssträngar.

Nu finns det flera sätt att hantera flerradssträngar. Vi kommer att diskutera dessa olika metoder för att hantera flerradssträngar en efter en i det här kapitlet.

Följande är ett par sätt att arbeta med flerradssträngar:

Metod 1

Det är det enklaste sättet JavaScript för att visa strängtexten i flera rader. Använd brytlinjefliken (
) eller HTML i funktionen document.write() för att starta texten från den nya raden.

Exempel

Här är den praktiska implementeringen av flerradssträng med JavaScript-programmering:

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

Produktion

När du kommer att köra den här koden kommer tre textsträngar att visa dig på webben som kommer att delas upp med fliken brytlinje (
) av 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. 

Exempel 2: Sammanfoga enskild sträng

I det här exemplet kommer vi helt enkelt att skriva ut flerradssträngen utan någon radbrytning med JavaScript-programmering:

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

Produktion

När du kommer att köra den här koden kommer två textstycken att visa dig på webben som kommer att delas upp med fliken brytlinje (
) av 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. 

Exempel 3

Detta är ett enkelt exempel på textutskrift med flera rader med JavaScript-programmering. I detta har vi bara använt HTML
tabb för att dela meningarna på flera rader:

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

Produktion

När du kommer att köra den här koden kommer tre stycken att visa dig på webben som kommer att delas upp med fliken brytlinje (
) av HTML.

världens bästa leende

 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. 

Metod 2: Du kan också skicka textsträngen inuti

eller eller rubrik flikar ( Exempel på att skapa strängar med flera rader med JavaScript och HTML

Klicka på knappen för att infoga flerradstext

Visa Multiline function showMultilineString() { multilineString = ' ' + '

Detta är en rubrik som använder h3-fliken.

' + '

Det här är ytterligare en ny rad.' + 'Vi har kombinerat alla dessa strängar med' + 'sammankopplingsoperator. Denna textsträng kommer att visa dig två tre rader.

' + ' ' ; document.getElementById('multiline').innerHTML = multilineString; }Testa det nu

Produktion

En utdata kommer att visa dig på webben genom att utföra ovanstående. Se svaret nedan; du kommer att se en Visa Multiline för att visa en textsträng.

Klicka här Visa Multiline knappen och en textsträng visar dig på flera rader. Se utgången nedan:

---