Javascript에서 새 줄을 어떻게 생성합니까?


121
var i;
for(i=10; i>=0; i= i-1){
   var s;
   for(s=0; s<i; s = s+1){
    document.write("*");
   }
   //i want this to print a new line
   /document.write(?);

}

별의 피라미드를 인쇄하고 있는데 새 줄을 인쇄 할 수 없습니다.


5
document.write ( "<br>"); // .html을 사용하는 경우
— jasonleonhard 2014

여기에 관련 스레드 .
— RBT

답변:


195

\n개행 문자에는를 사용하십시오 .

document.write("\n");

다음을 둘 이상 가질 수도 있습니다.

document.write("\n\n\n"); // 3 new lines!  My oh my!

그러나 이것이 HTML로 렌더링되는 경우 개행에 HTML 태그를 사용하는 것이 좋습니다.

document.write("<br>");

Hello\n\nTest소스 의 문자열 은 다음과 같습니다.

Hello!

Test

문자열 Hello<br><br>Test은 HTML 소스에서 다음과 같습니다.

Hello<br><br>Test

HTML은 페이지를 보는 사람을 위해 줄 바꿈으로 렌더링되며 \n, 텍스트를 소스의 다음 줄로 떨어 뜨립니다 (HTML 페이지에있는 경우).


5
정의에 따라 OP가를 사용 document.write하는 경우 XHTML 페이지가 아니라 HTML 페이지입니다. <br>HTML 페이지의 올바른 줄 바꿈입니다. <br />XHTML입니다.
— TJ Crowder 2011

1
로 <br> 놀라운 고마워요
— Jeya 수리야 Muthumari

31

어때 :

document.write ("<br>");

(줄 바꿈 만 공백으로 만 표시되므로 html 페이지에 있다고 가정)


9

용도 <br>문서에서 줄 바꿈을 만들 태그를

document.write("<br>");

여기에 샘플 바이올린이 있습니다.


1
+1 OP가 실제로 찾고 있는 것 같습니다. :) (br vs \ n)
— Demian Brecht 2011

어떻게 아십니까? BR을 지적하는 것은 좋지만 PRE도 쉽게 거기에있을 수 있습니다. 그들이 ASCII 아트를 만들고 있다면 내 생각은 평문입니다.
— Jared Farrish 2011

@Jared : document.write일반 텍스트 문서에서 어떻게 호출 합니까? (예 : script태그를 어떻게 입력합니까?) pre하지만 에 대한 좋은 점은 쉽게 pre섹션이 될 수 있습니다 .
— TJ Crowder 2011

@TJ-디스플레이는 ASCII 아트에서와 같이 일반 텍스트입니다. 그것은 여전히 ​​HTML 문서이지만 일반 텍스트 디스플레이로 표시됩니다.
— Jared Farrish 2011

@Jared : 네, 당신의 요점을 들었습니다. (나는 다른 비트가에 대한라고 생각 text/plain의사,하지만 난이 (가)에 대한 명확한 생각 pre좋은 포인트 인.)
— TJ 크라우

4

사용 "\n":

document.write("\n");

줄 바꿈으로 해석 되려면 큰 따옴표로 묶어야합니다. 아니에요.


1
HTML 페이지에 개행을 출력해도 HTML 문서에 개행이 도입되지 않습니다. (그리고 큰 따옴표 일 필요는 없습니다. 작은 따옴표도 괜찮습니다.)
— TJ Crowder 2011

@TJ-PRE가 관여하지 않는 한?
— Jared Farrish 2011

Ooh, pre요소 에 대한 다른 답변에 대한 귀하의 포인트를 제외하고는 . 좋은 지적. pre섹션에 ASCII 아트를 출력하는 경우 \n옳은 일이 될 수 있습니다 ... (편집 : LOL, 겹치는 주석.)
— TJ Crowder 2011

@TJ Crowder-다음은 내가 의미하는 바의 예입니다 (조잡하게 개발 됨) : jsfiddle.net/wT3Ab
— Jared Farrish 2011

@Jared : 오, 귀하의 의견 pre은 완벽하게 명확했습니다. (태그 닫기 : jsfiddle.net/wT3Ab/1 ) Best,
— TJ Crowder

3

document.writeln()당신이 찾고있는 것 또는 document.write('\n' + 'words')새로운 라인이 사용될 때 더 세분성을 찾고 있다면



2

새 줄을 만들려면 기호는 '\ n'입니다.

var i;
for(i=10; i>=0; i= i-1){
   var s;
   for(s=0; s<i; s = s+1){
    document.write("*");
   }
   //i want this to print a new line
   document.write('\n');

}

페이지에 출력하는 경우 "<br/>"대신 사용하고 싶을 것입니다 '/n';

JavaScript의 이스케이프 문자


큰 따옴표로 묶일 필요는 없습니까?
— Jared Farrish 2011

5
큰 따옴표와 작은 따옴표는 JavaScript에서 동일하지 않습니다. 큰 따옴표로 시작하고 하나의 따옴표로 끝낼 수 없습니다.
— kemiller2002

글쎄, 나도 알아. 싱글과 더블이 JS에서 똑같이 취급된다는 것을 몰랐습니다. PHP에 갇혀 있어야합니다.
— Jared Farrish 2011

언어 사이를 이동하는 것은 항상 고통입니다 :)
— kemiller2002

알아서 감사합니다. 매일 새로운 것을 배우십시오. :) 아마 무해한 오류입니다.
— Jared Farrish 2011

2

HTML 페이지에서 :

document.write("<br>"); 

그러나 JavaScript 파일에있는 경우 새 줄로 작동합니다.

document.write("\n");

1

문자열의 "\n"경우 새 줄을주기 위해 작성 합니다. 예를 들어 console.log("First Name: Rex" + "\n" + "Last Name: Blythe");Will을 입력합니다.

이름 : Rex

성 : Blythe


1

이렇게 별의 피라미드도 가능합니다

for (var i = 5; i >= 1; i--) {
     var py = "";
     for (var j = i; j >= 1; j--) {
         py += j;

     }
     console.log(py);
 }

0

\ n-> 줄 바꿈 문자가 새 줄을 삽입하는 데 작동하지 않습니다.

    str="Hello!!";
    document.write(str);
    document.write("\n");
    document.write(str);

그러나 아래 코드를 사용하면 잘 작동하고 새 줄을 제공합니다.

    document.write(str);
    document.write("<br>");
    document.write(str);

참고 :: Visual Studio Code 에서 시도했습니다 .


이것은 텍스트가 HTML로 표시 될 것이라고 가정합니다. 이것이 실제로 일반적인 대답이라면 사기가 아닙니다.
— GhostCat

0

당신의 해결책은

var i;
for(i=10; i>=0; i= i-1){
   var s;
   for(s=0; s<i; s = s+1){
    document.write("*");
   }
   //printing new line
   document.write("<br>");
}

-1

\ n 작동하지 않습니다. HTML 태그 사용

document.write("<br>");
document.write("?");

-1

JavaScript 파일 (.js)을 사용하는 경우 document.write("\n");. html 파일 (.html 또는 .htm)에있는 경우 document.write("<br/>");.


-1
document.write("\n");

document.write();여러 번 실행하면 작동하지 않습니다 .

나는 당신이 가야한다고 제안 할 것이다 :

document.write("<br>");

추신 나는 사람들이 위의 대답을 언급했지만 어디서나 차이를 찾지 못했다는 것을 알고 있습니다. :)



-1

아래 링크를 사용할 수 있습니다 : javascript의 새 줄

  var i;
for(i=10; i>=0; i= i-1){
   var s;
   for(s=0; s<i; s = s+1){
    document.write("*");
   }
   //i want this to print a new line
   /document.write('<br>');

}

1
귀하의 링크가 끊어졌고 귀하의 코드 예제는 2011에서 받아 들여진 답변이 아직 말하지 않은 것을 말하지 않습니다.
— Quentin

글쎄, 링크는 고정되어 있지만 설명이없는 데모를 가리키며 2011 년에 이미 말한 내용이 아직 없습니다.
— Quentin
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.