Bagaimana cara membuat baris baru di 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(?);

}

Saya mencetak piramida bintang, saya tidak bisa mendapatkan baris baru untuk dicetak.

Technupe
sumber
5
document.write ("<br>"); // jika menggunakan .html
jasonleonhard
Utas terkait di sini .
NSP

Jawaban:

195

Gunakan \nuntuk karakter baris baru.

document.write("\n");

Anda juga dapat memiliki lebih dari satu:

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

Namun, jika ini dirender ke HTML, Anda akan ingin menggunakan tag HTML untuk baris baru:

document.write("<br>");

String Hello\n\nTestdi sumber Anda akan terlihat seperti ini:

Hello!

Test

String tersebut Hello<br><br>Testakan terlihat seperti ini di sumber HTML:

Hello<br><br>Test

HTML yang akan dirender sebagai jeda baris untuk orang yang melihat halaman, \nhanya menjatuhkan teks ke baris berikutnya di sumber (jika ada di halaman HTML).

Tom Gullen
sumber
5
Menurut definisi, jika OP menggunakan document.write, itu adalah halaman HTML, bukan halaman XHTML. <br>adalah pemutusan baris yang benar untuk halaman HTML. <br />adalah XHTML.
TJ Crowder
1
<br> luar biasa Terima kasih banyak
Jeya Suriya Muthumari
31

bagaimana tentang:

document.write ("<br>");

(dengan asumsi Anda berada di halaman html, karena feed baris saja hanya akan ditampilkan sebagai spasi)

rampok
sumber
9

Gunakan <br>tag untuk membuat jeda baris di dokumen

document.write("<br>");

Ini contoh biola

JaredPar
sumber
1
+1 karena tampaknya inilah yang sebenarnya dicari OP :) (br vs \ n)
Demian Brecht
Bagaimana Anda tahu? Bagus untuk menunjukkan BR, tetapi PRE bisa dengan mudah berada di sana juga. Kalau mereka membangun seni ASCII, menurut saya itu plaintext.
Jared Farrish
@ Jared: Bagaimana Anda memanggil document.writedalam dokumen teks biasa? (Misalnya, bagaimana Anda memasukkan scripttag?) Hal yang baik tentang pre, meskipun, dapat dengan mudah menjadi prebagian.
TJ Crowder
@TJ - Tampilannya berupa teks biasa, seperti dalam seni ASCII. Ini masih merupakan dokumen HTML, meskipun itu hanya menampilkannya sebagai tampilan teks biasa.
Jared Farrish
@ Jared: Ya, saya mengerti maksud Anda. (Saya pikir bagian Anda yang lain adalah tentang seorang text/plaindokter, tetapi saya pikir saya sudah jelas tentang hal preitu.)
TJ Crowder
4

Penggunaan "\n":

document.write("\n");

Perhatikan, itu harus diapit tanda kutip ganda agar dapat diartikan sebagai baris baru. Tidak, tidak.

Jared Farrish
sumber
1
Mengeluarkan baris baru di halaman HTML tidak akan memperkenalkan baris baru dalam dokumen HTML. (Dan tidak harus berupa tanda kutip ganda, tanda kutip tunggal juga baik-baik saja.)
TJ Crowder
@TJ - Kecuali ada PRE yang terlibat?
Jared Farrish
Ooh, kecuali maksud Anda mengomentari jawaban lain tentang suatu preelemen. Poin yang bagus. Jika mengeluarkan seni ASCII ke suatu prebagian, \nmungkin itu hal yang benar ... (Edit: LOL, komentar tumpang tindih.)
TJ Crowder
@TJ Crowder - Berikut adalah contoh dari apa yang saya maksud (dikembangkan dengan kasar): jsfiddle.net/wT3Ab
Jared
@ Jared: Oh, komentar Anda tentang presangat jelas. (Menutup tag untuk Anda: jsfiddle.net/wT3Ab/1 ) Terbaik,
TJ Crowder
3

document.writeln()adalah yang Anda cari atau document.write('\n' + 'words')jika Anda mencari perincian lebih lanjut saat baris baru digunakan

acconrad
sumber
2

Atau, tulis ke elemen dengan CSS white-space: predan gunakan \nuntuk karakter baris baru.

alex
sumber
Terima kasih! Hampir saja, dan white-space: pre-wrapmelakukan apa yang saya inginkan! w3schools.com/cssref/pr_text_white-space.asp
frederj
2

Untuk membuat baris baru, simbolnya adalah '\ 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');

}

Jika Anda mengeluarkan ke halaman, Anda akan ingin menggunakan "<br/>"sebagai pengganti '/n';

Karakter melarikan diri dalam JavaScript

kemiller2002
sumber
Tidak harus dalam tanda kutip ganda?
Jared Farrish
5
Tidak ada tanda kutip ganda dan tunggal yang sama di JavaScript. Anda tidak bisa memulai dengan kutipan ganda dan diakhiri dengan satu kutipan.
kemiller2002
Ya, saya tahu itu. Hanya tidak tahu tunggal dan ganda diperlakukan sama di JS. Harus terjebak di PHP.
Jared Farrish
Bergerak di antara bahasa selalu
menyebalkan
Senang mengetahui, terima kasih. Pelajari sesuatu yang baru setiap hari. :) Kesalahan tidak berbahaya, mungkin.
Jared Farrish
2

Di halaman html:

document.write("<br>"); 

tetapi jika Anda berada di file JavaScript, maka ini akan berfungsi sebagai baris baru:

document.write("\n");
Suhani Mendapara
sumber
1

Untuk string saya hanya menulis "\n"untuk memberi saya baris baru. Misalnya, mengetik console.log("First Name: Rex" + "\n" + "Last Name: Blythe");Will mengetik :

Nama Depan: Rex

Nama Belakang: Blythe

Tito E Surek
sumber
1

Anda juga bisa piramida bintang seperti ini

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

     }
     console.log(py);
 }
Shadab Ali
sumber
0

\ n -> karakter baris baru tidak berfungsi untuk menyisipkan baris baru.

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

Tetapi jika kita menggunakan kode di bawah ini maka itu berfungsi dengan baik dan memberikan baris baru.

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

Catatan :: Saya mencoba dalam Visual Studio Code .

VicXj
sumber
Ini mengasumsikan bahwa teks akan ditampilkan sebagai HTML. Tidaklah cukup jika itu benar-benar jawaban yang umum di sini.
GhostCat
0

solusi Anda adalah

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>");
}
Adeojo Emmanuel IMM
sumber
-1

\ n tidak bekerja. Gunakan tag html

document.write("<br>");
document.write("?");
Paradoks Nafi
sumber
-1

Jika Anda menggunakan file JavaScript (.js), gunakan document.write("\n");. Jika Anda berada dalam file html (.html atau. Htm) maka gunakan document.write("<br/>");.

Panda Pengkodean
sumber
-1
document.write("\n");

tidak akan berfungsi jika Anda menjalankannya ( document.write();) beberapa kali.

Saya akan menyarankan Anda untuk memilih:

document.write("<br>");

NB Saya tahu orang-orang telah menyatakan jawaban ini di atas tetapi tidak menemukan perbedaannya di mana pun jadi :)


sumber
-1

Cobalah untuk menulis kode Anda di antara tag awal HTML.

Macario Polo
sumber
mohon tambahkan kode juga. akan lebih baik untuk memahami
Shashin Bhayani
-1

Anda dapat menggunakan link di bawah ini: Baris baru dalam 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>');

}
Nagnath Mungade
sumber
1
Tautan Anda rusak, dan contoh kode Anda tidak mengatakan apa pun yang belum disebutkan dalam jawaban yang diterima dari tahun 2011.
Quentin
Ya, tautannya sudah diperbaiki, tetapi mengarah ke demo bebas penjelasan dan Anda masih belum mengatakan apa-apa sekarang di tahun 2011.
Quentin