Лако је научити манипулацију стринговима, али је најтеже савладати у ЈаваСцрипт-у. Раније ЈаваСцрипт није подржавао стринг са више линија. После 2015. ЕС6 (ЕЦМАСцрипт 6) увео је стринг литерале који подржавају вишелинијске стрингове.
Сада, постоји неколико начина за руковање вишелинијским низом. У овом поглављу ћемо расправљати о овим различитим методама за руковање вишелинијским низовима један по један.
Следи неколико начина за рад са вишелинијским низом:
Метод 1
То је најједноставнији начин ЈаваСцрипт да би се текст стринга приказао у више редова. Користите картицу линије прекида (
) или ХТМЛ унутар функције доцумент.врите() за почетак текста из новог реда.
Пример
Ево практичне имплементације вишелинијског стринга користећи ЈаваСцрипт програмирање:
Копирај код
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.')Тестирајте одмах
Излаз
Када извршите овај код, три текстуална низа ће вас приказати на вебу који ће бити подељени помоћу картице за прелом (
) од ХТМЛ-а.
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: Повезивање појединачног стринга
У овом примеру, једноставно ћемо одштампати низ са више линија без икаквог прекида реда користећи ЈаваСцрипт програмирање:
Копирај код
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);Тестирајте одмах
Излаз
Када извршите овај код, два текстуална пасуса ће вам показати на вебу који ће бити подељени помоћу картице за прелом (
) од ХТМЛ-а.
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
Ово је једноставан пример вишелинијског штампања текста помоћу ЈаваСцрипт програмирања. У овом случају користили смо само ХТМЛ
таб да бисте разбили реченице у више редова:
Копирај код
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);Тестирајте одмах
Излаз
Када извршите овај код, три пасуса ће вас приказати на вебу који ће бити подељени помоћу картице за прелом (
) од ХТМЛ-а.
јава до вхиле пример
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. метод: Такође можете проследити текстуални низ унутра
или или наслова картице ( Пример креирања вишелинијских стрингова користећи ЈаваСцрипт и ХТМЛ
Кликните на дугме да бисте уметнули вишередни текст
Дисплаи Мултилине фунцтион сховМултилинеСтринг() { мултилинеСтринг = ' ' + 'Ово је наслов који користи картицу х3.
' + 'Ово је још једна нова линија.' + 'Комбиновали смо све ове низове користећи' + 'оператор спајања. Овај текстуални низ ће вам показати два три реда.
' + ' ' ; доцумент.гетЕлементБиИд('мултилине').иннерХТМЛ = мултилинеСтринг; }Тестирајте одмахИзлаз
Излаз ће вас приказати на вебу извршавањем горе наведеног. Погледајте одговор у наставку; видећете а Дисплаи Мултилине дугме да вам покаже текстуални низ.
Кликните на ово Дисплаи Мултилине дугме и текстуални низ ће вас приказати у више редова. Погледајте излаз испод: