Strengemanipulasjon er lett å lære, men vanskeligst å mestre i JavaScript. Tidligere ble ikke flerlinjet streng støttet av JavaScript. Etter 2015 har strengliteraler introdusert av ES6 (ECMAScript 6) som støtter flerlinjet streng.
Nå er det flere måter å håndtere flerlinjet streng på. Vi vil diskutere disse forskjellige metodene for å håndtere flerlinjers streng én etter én i dette kapittelet.
Følgende er et par måter å jobbe med flerlinjet streng på:
Metode 1
Det er den enkleste måten JavaScript for å vise strengteksten i flere linjer. Bruk skillelinjen (
) eller HTML inne i document.write()-funksjonen for å starte teksten fra den nye linjen.
Eksempel
Her er den praktiske implementeringen av flerlinjet streng ved hjelp av JavaScript-programmering:
Kopier kode
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.')Test det nå
Produksjon
Når du skal kjøre denne koden, vil tre tekststrenger vise deg på nettet som vil bli delt ved hjelp av skillelinjefanen (
) 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.
Eksempel 2: Sammenknytting av individuell streng
I dette eksemplet vil vi ganske enkelt skrive ut flerlinjestrengen uten linjeskift ved å bruke JavaScript-programmering:
Kopier kode
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);Test det nå
Produksjon
Når du skal kjøre denne koden, vil to tekstavsnitt vise deg på nettet som vil bli delt ved hjelp av skillelinjefanen (
) 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.
Eksempel 3
Dette er et enkelt eksempel på flerlinjet tekstutskrift ved bruk av JavaScript-programmering. I denne har vi kun brukt HTML
tabulator for å dele setningene i flere linjer:
Kopier kode
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);Test det nå
Produksjon
Når du skal kjøre denne koden, vil tre avsnitt vise deg på nettet som vil deles ved hjelp av skillelinjefanen (
) av HTML.
hvilken samling i 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.
Metode 2: Du kan også sende tekststrengen inni
eller eller overskrift faner ( Eksempel på opprettelse av flere linjer ved bruk av JavaScript og HTML
Klikk på knappen for å sette inn tekst med flere linjer
Vis Multiline function showMultilineString() { multilineString = ' ' + 'Dette er en overskrift som bruker fanen h3.
' + 'Dette er nok en ny linje. + 'Vi har kombinert alle disse strengene ved å bruke' + 'sammenkjedeoperator. Denne tekststrengen vil vise deg to tre linjer.
' + ' ' ; document.getElementById('multiline').innerHTML = multilineString; }Test det nåProduksjon
En utgang vil vise deg på nettet ved å utføre ovenstående. Se svaret nedenfor; du vil se en Vis Multiline for å vise deg en tekststreng.
Klikk på denne Vis Multiline knappen og en tekststreng vil vise deg i flere linjer. Se utgangen nedenfor: