Manipularea șirurilor este ușor de învățat, dar cel mai greu de stăpânit în JavaScript. Anterior, șirul cu mai multe linii nu era acceptat de JavaScript. După 2015, literalele șir au fost introduse de ES6 (ECMAScript 6) care acceptă șiruri cu mai multe linii.
Acum, există mai multe moduri de a gestiona șirurile cu mai multe linii. Vom discuta aceste metode diferite de a gestiona șirurile cu mai multe linii unul câte unul în acest capitol.
Următoarele sunt câteva moduri de a lucra cu șiruri cu mai multe linii:
Metoda 1
Este cel mai simplu mod de JavaScript pentru a afișa textul șirului în mai multe rânduri. Utilizați fila linie de întrerupere (
) sau HTML în interiorul funcției document.write() pentru a începe textul din noua linie.
Exemplu
Iată implementarea practică a șirurilor cu mai multe linii folosind programarea JavaScript:
Copiați codul
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.')Testează-l acum
Ieșire
Când veți executa acest cod, trei șiruri de text vă vor afișa pe web, care vor fi împărțite folosind fila linie de întrerupere (
) din 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.
Exemplul 2: Concatenarea șirului individual
În acest exemplu, vom tipări pur și simplu șirul cu mai multe linii fără nicio întrerupere de linie folosind programarea JavaScript:
Copiați codul
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);Testează-l acum
Ieșire
Când veți executa acest cod, două paragrafe de text vă vor afișa pe web, care vor fi împărțite folosind fila linie de întrerupere (
) din 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.
Exemplul 3
Acesta este un exemplu simplu de tipărire a textului pe mai multe linii folosind programarea JavaScript. În aceasta am folosit doar HTML
tab pentru a sparge propozițiile în mai multe rânduri:
Copiați codul
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);Testează-l acum
Ieșire
Când veți executa acest cod, trei paragrafe vă vor afișa pe web, care vor fi împărțite folosind fila linie de întrerupere (
) din HTML.
vârsta rihanna
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: De asemenea, puteți trece șirul de text înăuntru
sau sau rubrica file ( Exemplu de creare de șiruri cu mai multe linii folosind JavaScript și HTML
Faceți clic pe butonul pentru a insera text cu mai multe rânduri
Afișează mai multe linii function showMultilineString() { multilineString = ' ' + 'Acesta este un titlu care folosește fila h3.
' + 'Aceasta este o altă linie nouă. + „Am combinat toate aceste șiruri folosind” + „operatorul de concatenare. Acest șir de text vă va afișa două trei rânduri.
' + ' ' ; document.getElementById('multiline').innerHTML = multilineString; }Testează-l acumIeșire
O ieșire vă va afișa pe web executând cele de mai sus. Vezi răspunsul de mai jos; vei vedea o Afișează mai multe linii butonul pentru a vă afișa un șir de text.
Faceți clic pe aceasta Afișează mai multe linii butonul și un șir de text vă va afișa în mai multe rânduri. Vedeți rezultatul de mai jos:
