Manipuliuoti eilėmis lengva išmokti, tačiau sunkiausia tai įvaldyti naudojant „JavaScript“. Anksčiau „JavaScript“ nepalaikė kelių eilučių eilutės. Po 2015 m. ES6 (ECMAScript 6), palaikanti kelių eilučių eilutę, pristatė eilučių literalius.
Dabar yra keletas būdų, kaip tvarkyti kelių eilučių eilutę. Šiame skyriuje aptarsime šiuos skirtingus būdus, kaip tvarkyti kelių eilučių eilutę po vieną.
Toliau pateikiami keli būdai, kaip dirbti su kelių eilučių eilute:
1 būdas
Tai paprasčiausias būdas JavaScript kad eilutės tekstas būtų rodomas keliose eilutėse. Naudokite lūžio linijos skirtuką (
) arba HTML funkcijoje document.write(), kad tekstas būtų pradėtas nuo naujos eilutės.
Pavyzdys
Štai praktinis kelių eilučių eilutės įgyvendinimas naudojant JavaScript programavimą:
Kopijuoti kodą
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.')Išbandykite dabar
Išvestis
Kai vykdysite šį kodą, žiniatinklyje bus rodomos trys teksto eilutės, kurios bus padalintos naudojant skirtuką lūžio linija (
) iš 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.
2 pavyzdys: atskiros eilutės sujungimas
Šiame pavyzdyje mes tiesiog atspausdinsime kelių eilučių eilutę be jokių eilučių pertraukų naudodami JavaScript programavimą:
Kopijuoti kodą
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);Išbandykite dabar
Išvestis
Kai vykdysite šį kodą, žiniatinklyje bus parodytos dvi teksto pastraipos, kurios bus padalintos naudojant skirtuką lūžio linija (
) 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.
3 pavyzdys
Tai paprastas kelių eilučių teksto spausdinimo, naudojant JavaScript programavimą, pavyzdys. Čia mes naudojome tik HTML
skirtuką, kad pertrauktumėte sakinius keliose eilutėse:
Kopijuoti kodą
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);Išbandykite dabar
Išvestis
Kai vykdysite šį kodą, žiniatinklyje bus rodomos trys pastraipos, kurios bus padalintos naudojant skirtuką lūžio linija (
) HTML.
cm iki pėdų ir colių
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.
2 būdas: Taip pat galite perduoti teksto eilutę viduje
arba arba Antraštė skirtukai ( Kelių eilučių eilutės kūrimo pavyzdys naudojant JavaScript ir HTML
Norėdami įterpti kelių eilučių tekstą, spustelėkite mygtuką
Rodyti kelių eilučių function showMultilineString() { multilineString = ' ' + 'Tai antraštė naudojant h3 skirtuką.
'+'Tai dar viena eilutė, nauja eilutė. + 'Mes sujungėme visas šias eilutes naudodami' + 'sujungimo operatorių. Ši teksto eilutė parodys dvi tris eilutes.
' + ' ' ; document.getElementById('multiline').innerHTML = multilineString; }Išbandykite dabarIšvestis
Išvestis bus parodyta žiniatinklyje, atlikus aukščiau nurodytus veiksmus. Žiūrėkite atsakymą žemiau; pamatysite a Rodyti kelių eilučių mygtuką, kad parodytumėte teksto eilutę.
Spustelėkite tai Rodyti kelių eilučių mygtuką ir teksto eilutė parodys jus keliomis eilutėmis. Žiūrėkite išvestį žemiau: