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.