Javascript'te nasıl yeni bir satır oluşturabilirim?


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(?);

}

Bir yıldız piramidi basıyorum, yazdırılacak yeni satırı alamıyorum.


5
( "<br>") document.write; // bir .html kullanılıyorsa
— jasonleonhard

İlgili konu burada .
— RBT

Yanıtlar:


195

Yeni \nsatır karakteri için kullanın .

document.write("\n");

Ayrıca birden fazlasına sahip olabilirsiniz:

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

Bununla birlikte, bu HTML'ye dönüştürüyorsa, yeni satır için HTML etiketini kullanmak isteyeceksiniz:

document.write("<br>");

Hello\n\nTestKaynağınızdaki dize şöyle görünecek:

Hello!

Test

Dize Hello<br><br>Test, HTML kaynağında şöyle görünecektir:

Hello<br><br>Test

HTML olan, sayfayı görüntüleyen kişi için satır sonları olarak işlenecektir, \nsadece metni kaynaktaki sonraki satıra bırakır (eğer bir HTML sayfasındaysa).


5
Tanım olarak, OP kullanıyorsa document.write, bu bir XHTML sayfası değil, bir HTML sayfasıdır. <br>bir HTML sayfası için doğru satır sonu. <br />XHTML'dir.
— TJ Crowder

1
<br> inanılmaz Çok teşekkürler
— Jeya Suriya Muthumari

31

ne dersin:

document.write ("<br>");

(bir html sayfasında olduğunuzu varsayarsak, tek başına satır beslemesi yalnızca boşluk olarak gösterilecektir)


9

<br>Belgede satır sonu oluşturmak için bir etiket kullanın

document.write("<br>");

İşte örnek bir keman


1
OP'nin gerçekten aradığı şey bu gibi göründüğü için +1 :) (br vs \ n)
— Demian Brecht

Nereden biliyorsunuz? BR'yi belirtmek güzel, ancak bir PRE de aynı şekilde kolayca orada olabilirdi. ASCII sanatı inşa ediyorlarsa, benim düşüncem düz metin olmasıdır.
— Jared Farrish

@Jared: document.writeBir düz metin belgesinde nasıl arama yaparsınız ? (Örneğin, scriptetiketi nasıl ekliyorsunuz?) preBununla birlikte , iyi bir nokta , kolayca bir prebölüm olabilir.
— TJ Crowder

@TJ - Ekran, ASCII sanatında olduğu gibi düz metindir. Hala bir HTML belgesidir, ancak bunu sadece düz metin görüntüsü olarak gösteriyor.
— Jared Farrish

@Jared: Evet, amacını aldım. (Diğer text/plainpre
— TJ Crowder

4

Kullanım "\n":

document.write("\n");

Yeni satır olarak yorumlanabilmesi için çift tırnak içine alınması gerektiğini unutmayın. Hayır değil.


1
Bir HTML sayfasında yeni satırın çıktısını almak, HTML belgesine yeni bir satır getirmez. (Ve çift tırnak olmak zorunda değil, tek alıntılar da iyi.)
— TJ Crowder

@TJ - Bir PRE dahil olmadıkça?
— Jared Farrish

Ooh, bir preelement hakkında başka bir cevaba yorum yapmak dışında . İyi bir nokta. ASCII sanatını bir prebölüme çıktı \nolarak almak doğru bir şey olabilir ... (Düzenleme: LOL, örtüşen yorumlar.)
— TJ Crowder

@TJ Crowder - Burada ne demek istediğimin bir örneği (kabaca geliştirilmiş): jsfiddle.net/wT3Ab
— Jared Farrish

@Jared: Oh, hakkındaki yorumun pregayet açıktı. (Etiketi sizin için kapattı : jsfiddle.net/wT3Ab/1 ) En iyi,
— TJ Crowder

3

document.writeln()aradığınız şey veya document.write('\n' + 'words')yeni satır kullanıldığında daha fazla ayrıntı arıyorsanız



2

Yeni bir satır oluşturmak için sembol "\ n" dir

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');

}

Sayfaya çıktı gönderiyorsanız, "<br/>"bunun yerine kullanmak isteyeceksiniz '/n';

JavaScript'te karakterlerden kaçış


Çift tırnak içinde olmak zorunda değil mi?
— Jared Farrish

5
JavaScript'te hiçbir çift ve tek tırnak aynı değildir. Çift tırnakla başlayıp tek bir alıntıyla bitiremezsiniz.
— kemiller2002

Bunu biliyorum. JS'de bekar ve çiftlere aynı şekilde davranıldığını bilmiyordum. PHP'de sıkışmış olmalı.
— Jared Farrish

Dil arasında hareket etmek her zaman bir acıdır :)
— kemiller2002

Bilmek güzel, teşekkürler. Her gün yeni bir şeyler öğrenin. :) Zararsız bir hata, muhtemelen.
— Jared Farrish

2

Html sayfasında:

document.write("<br>"); 

ancak JavaScript dosyasındaysanız, bu yeni satır olarak çalışacaktır:

document.write("\n");

1

Bir dizi "\n"için bana yeni bir satır vermek için yazıyorum . Örneğin, yazarakconsole.log("First Name: Rex" + "\n" + "Last Name: Blythe"); Will :

Adı: Rex

Soyadı: Blythe


1

bunun gibi yıldız piramidini de yapabilirsin

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

     }
     console.log(py);
 }

0

\ n -> yeni satır karakteri yeni bir satır eklemek için çalışmıyor.

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

Ama aşağıdaki kodu kullanırsak o zaman iyi çalışıyor ve yeni satır veriyor.

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

Not :: Visual Studio Code'da denedim .


Bu, metnin HTML olarak görüntüleneceğini varsayar. Bu gerçekten genel bir cevapsa, sufe değil.
— GhostCat

0

senin çözümün

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 çalışmıyor. Html etiketleri kullanın

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

-1

JavaScript dosyası (.js) kullanıyorsanız, o zaman document.write("\n");. Bir html dosyasındaysanız (.html veya. Htm), o zaman kullanın document.write("<br/>");.


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

( document.write();) birden çok kez çalıştırıyorsanız çalışmaz .

Şunlara gitmenizi önereceğim:

document.write("<br>");

Not: İnsanların bu cevabı yukarıda belirttiğini ama hiçbir yerde farkı bulmadığını biliyorum :)



-1

Aşağıdaki bağlantıyı kullanabilirsiniz: JavaScript'te yeni satır

  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
Bağlantınız koptu ve kod örneğiniz 2011'den kabul edilen yanıtın henüz söylemediği hiçbir şey söylemiyor.
— Quentin

Bağlantı düzeltildi, ancak açıklamasız bir demoya işaret ediyor ve hala 2011'de söylenen hiçbir şeyi söylemiyorsunuz.
— Quentin
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.