Jak złamać linię w JavaScript

Podczas przesyłania lub pisania blogów na stronach internetowych, programiści muszą przełamać wiersze tekstu, aby uzyskać lepszą czytelność. Ponadto czasami programiści tworzą dane tekstowe na konsoli do testowania kodu. Muszą podzielić swoje stwierdzenia na wiele linii. Właśnie dlatego linia w JavaScript jest ważna, aby nauczyć się kodowania JavaScript.

Ten blog zdefiniuje sposoby złamania wiersza podczas kodu w JavaScript.

Jak złamać linię w JavaScript?

Aby przełamać wiersz w kodzie JavaScript, użyj następujących wymienionych metod:

• • Używając \ n (nowa postać ucieczki)
  • Za pomocą literałów szablonów
  • Za pomocą
    etykietka

Metoda 1: Linia przerwy w JavaScript za pomocą znaku „\ n”

Użyj "\N”Postać, aby przełamać linię w JavaScript. Jest to postać ucieczki, która rozbija linie dla nowej linii. Jest to najbardziej pomocne i powszechnie stosowane podejście. Możesz go łatwo wykorzystać w „konsola.dziennik()”Metoda lub dowolny ciąg.

Przykład

Utwórz zmienną „strunowy”, Który zawiera różne struny, które będą drukować na osobnych liniach za pomocą„\N”(Postać Newline Escape):

var string = "Witamy w Linuxhint \ nhere, nauczysz się różnych umiejętności programowania \ nsuch jako„ java ”,„ javascript ”,„ html/css ”i tak dalej”;

Na koniec wydrukuj zmienną „ciąg” na konsoli za pomocą „konsola.dziennik()" metoda:

konsola.log (ciąg);

Można zaobserwować, że trzy struny zostały wyświetlone na konsoli w trzech różnych liniach:

Metoda 2: Linia przerwy w JavaScript za pomocą literałów szablonów

Możesz także wydrukować ciągami na różnych wierszach, naciskając klawisz Enter w ciągu lub „konsola.dziennik()" metoda. W tym celu użyj „Literały szablonów”(').

Przykład

Utwórz ciąg, który przechowuje różne ciągi z przerwami linii, naciskając klawisz Enter za pomocą literałów szablonów:

var string = 'Witamy w Linuxhint
Tutaj nauczysz się różnych umiejętności programowania
Takie jak „java”, „javascript”, „html/css” i tak dalej;

Wydrukuje ciąg w tym samym wzorze na konsoli za pomocą „konsola.dziennik()" metoda:

konsola.log (ciąg);

Wyjście

Metoda 3: Linia przerwy w JavaScript za pomocą „
”Tag

Możesz także użyć HTML ”
”Tag w JavaScript, aby przełamać linię w„dokument.pisać()”Metoda lub w„konsola.dziennik()”Metoda lub dowolny ciąg.

Przykład

Do drukowania czegoś na stronie internetowej zwykle używamy „dokument.pisać()„Metoda, przekazując tekst. Tutaj wydrukujemy różne ciągi na stronie internetowej, łamiąc linie za pomocą „
”Tag w„ Dokument.Write () ”Metoda:

dokument.Napisz („Witamy w Linuxhint”);
dokument.pisać("
");
dokument.Napisz („Tutaj nauczysz się różnych umiejętności programowania”);
dokument.pisać("
");
dokument.Write („takie jak„ java ”,„ javascript ”,„ html/css ”i tak dalej”);

Można zauważyć, że cały tekst został wyświetlony na stronie internetowej na osobnych wierszach:

Możesz także wydrukować tekst na konkretnej pozycji na stronie internetowej. Tutaj określamy obszar za pomocą „

”Tag, przypisując identyfikator wykorzystywany do dostępu do tego

Tag w kodzie JavaScript:

Utwórz ciąg, który przechowuje tekst, który wyświetli się na tym określonym obszarze. Tutaj połączymy
Oznacz strunami, aby przełamać linie:

Let BreakLinesCode = "Welcome to the Linuxhint" + "
„ +” Tutaj nauczysz się różnych umiejętności programowania ” +”
„ +” Takie jak „Java”, „JavaScript”, „html/css” i tak dalej ”;

Uzyskaj odniesienie do

tag za pomocą przypisanego identyfikatora za pomocą „getElementById ()”Metoda i wyświetlanie tekstu za pomocą„InnerHtml" nieruchomość:

dokument.GetElementById („PREAKLINES”).innerHtml = BreakLinesCode;

Wyjście

Zebraliśmy wszystkie istotne informacje, aby przełamać linię w JavaScript.

Wniosek

Aby złamać linię w JavaScript, użyj „\N”(Nowa postać uciekająca),„Literały szablonów”Lub HTML„
”Tag za pomocą„dokument.pisać()”Metoda lub„InnerHtml" nieruchomość. Ten blog zdefiniował sposoby złamania wiersza podczas kodu w JavaScript.