Làm cách nào để tạo một dòng mới trong 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(?);

}

Tôi đang in một kim tự tháp của các ngôi sao, tôi không thể lấy dòng mới để in.


5
document.write ("<br>"); // nếu sử dụng một .html
jasonleonhard

Chủ đề liên quan ở đây .
RBT

Câu trả lời:


195

Sử dụng \nký tự dòng mới.

document.write("\n");

Bạn cũng có thể có nhiều hơn một:

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

Tuy nhiên, nếu điều này đang hiển thị thành HTML, bạn sẽ muốn sử dụng thẻ HTML cho dòng mới:

document.write("<br>");

Chuỗi Hello\n\nTesttrong nguồn của bạn sẽ giống như sau:

Hello!

Test

Chuỗi Hello<br><br>Testsẽ giống như thế này trong nguồn HTML:

Hello<br><br>Test

HTML sẽ hiển thị dưới dạng ngắt dòng cho người xem trang, \nchỉ thả văn bản xuống dòng tiếp theo trong nguồn (nếu nó nằm trên trang HTML).


5
Theo định nghĩa, nếu OP đang sử dụng document.write, đó là trang HTML, không phải trang XHTML. <br>là ngắt dòng chính xác cho một trang HTML. <br />là XHTML.
TJ Crowder

1
<br> tuyệt vời Thanks a lot
Jeya Suriya Muthumari

31

làm thế nào về:

document.write ("<br>");

(giả sử bạn đang ở trong một trang html, vì một dòng nguồn cấp dữ liệu sẽ chỉ hiển thị dưới dạng khoảng trắng)


9

Sử dụng <br>thẻ để tạo ngắt dòng trong tài liệu

document.write("<br>");

Đây là một trò chơi mẫu


1
1 vì điều này có vẻ là những gì OP là thực sự tìm kiếm :) (br vs \ n)
Demian Brecht

Làm sao bạn biết? Tốt khi chỉ ra BR, nhưng PRE cũng có thể dễ dàng ở trong đó. Nếu họ đang xây dựng nghệ thuật ASCII, tôi nghĩ đó là bản rõ.
Jared Farrish

@Jared: Làm thế nào để bạn gọi document.writetrong một tài liệu văn bản thuần túy? (Ví dụ: bạn đặt scriptthẻ như thế nào?) preTuy nhiên, điểm tốt về cái có thể dễ dàng là một prephần.
TJ Crowder

@TJ - Màn hình hiển thị là văn bản rõ ràng, như trong nghệ thuật ASCII. Tuy nhiên, nó vẫn là một tài liệu HTML, nó chỉ hiển thị dưới dạng hiển thị văn bản rõ ràng.
Jared Farrish

@Jared: Vâng, tôi hiểu ý bạn. (Tôi nghĩ chút khác của bạn là về một text/plaindoc, nhưng tôi nghĩ rằng tôi đã rõ ràng về prelà một điểm tốt.)
TJ Crowder

4

Sử dụng "\n":

document.write("\n");

Lưu ý, nó phải được đặt trong dấu ngoặc kép để được hiểu là một dòng mới. Không, không.


1
Việc xuất một dòng mới trong trang HTML sẽ không giới thiệu một dòng mới trong tài liệu HTML. (Và nó không phải là dấu ngoặc kép, dấu nháy đơn cũng tốt là tốt.)
TJ Crowder

@TJ - Trừ khi có PRE liên quan?
Jared Farrish

Ồ, ngoại trừ quan điểm của bạn nhận xét về một câu trả lời khác về một prephần tử. Điểm tốt. Nếu xuất ra nghệ thuật ASCII để một prephần, \ncũng có thể là điều đúng đắn ... (Edit: LOL, chồng chéo ý kiến.)
TJ Crowder

@TJ Crowder - Đây là một ví dụ về ý tôi (được phát triển một cách thô sơ): jsfiddle.net/wT3Ab
Jared Farrish

@Jared: Ồ, nhận xét của bạn về prehoàn toàn rõ ràng. (Đã đóng thẻ cho bạn: jsfiddle.net/wT3Ab/1 ) Tốt nhất,
TJ Crowder

3

document.writeln()là những gì bạn đang tìm kiếm hoặc document.write('\n' + 'words')nếu bạn đang tìm kiếm chi tiết hơn khi dòng mới được sử dụng



2

Để tạo một dòng mới, ký hiệu là '\ 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');

}

Nếu bạn đang xuất ra trang, bạn sẽ muốn sử dụng "<br/>"thay vì '/n';

Các ký tự thoát trong JavaScript


Nó không nhất thiết phải ở trong dấu ngoặc kép?
Jared Farrish

5
Không có dấu ngoặc kép và dấu ngoặc kép nào giống nhau trong JavaScript. Bạn không thể bắt đầu bằng một câu trích dẫn kép và kết thúc bằng một câu trích dẫn duy nhất.
kemiller2002

Tôi biết điều đó. Chỉ không biết đơn và đôi được đối xử như nhau trong JS. Phải kẹt trong PHP.
Jared Farrish

Di chuyển giữa các ngôn ngữ luôn là một nỗi đau :)
kemiller2002

Tốt để biết, cảm ơn. Học điều mới mỗi ngày. :) Lỗi vô hại, có thể.
Jared Farrish

2

Trong trang html:

document.write("<br>"); 

nhưng nếu bạn đang ở trong tệp JavaScript, thì dòng này sẽ hoạt động như dòng mới:

document.write("\n");

1

Đối với một chuỗi, tôi chỉ viết "\n"để cung cấp cho tôi một dòng mới. Ví dụ, gõ console.log("First Name: Rex" + "\n" + "Last Name: Blythe");Sẽ gõ:

Tên: Rex

Họ: Blythe


1

bạn cũng có thể kim tự tháp ngôi sao như thế này

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

     }
     console.log(py);
 }

0

\ n -> ký tự dòng mới không hoạt động để chèn một dòng mới.

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

Nhưng nếu chúng ta sử dụng mã dưới đây thì nó hoạt động tốt và nó cho dòng mới.

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

Lưu ý :: Tôi đã thử trong Visual Studio Code .


Điều này giả định rằng văn bản sẽ được hiển thị dưới dạng HTML. Không sufe nếu đó thực sự là một câu trả lời chung chung ở đây.
GhostCat

0

giải pháp của bạn là

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ếu bạn đang sử dụng tệp JavaScript (.js) thì hãy sử dụng document.write("\n");. Nếu bạn đang ở trong một tệp html (.html hoặc. Htm) thì hãy sử dụng document.write("<br/>");.


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

sẽ không hoạt động nếu bạn đang thực thi nó ( document.write();) nhiều lần.

Tôi đề nghị bạn nên sử dụng:

document.write("<br>");

Tái bút Tôi biết mọi người đã nêu câu trả lời này ở trên nhưng không tìm thấy sự khác biệt ở bất kỳ đâu nên :)



-1

Bạn có thể sử dụng liên kết dưới đây: Dòng mới trong 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
Liên kết của bạn bị hỏng và ví dụ mã của bạn không nói gì mà câu trả lời được chấp nhận từ năm 2011 chưa nói.
Quentin

Chà, liên kết đã được sửa, nhưng nó chỉ đến một bản demo không có lời giải thích và bạn vẫn không nói bất cứ điều gì bây giờ đã được nói vào năm 2011.
Quentin
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.