Як створити новий рядок у 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

Пов'язана нитка тут .
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, це HTML-сторінка, а не XHTML-сторінка. <br>є правильним рядком рядків для сторінки HTML. <br />є XHTML.
TJ Crowder

1
<br> дивовижне Велике спасибі
Jeya Suriya Muthumari

31

як щодо:

document.write ("<br>");

(якщо припустити, що ви перебуваєте на html-сторінці, оскільки лише канал рядка відображатиметься лише як пробіл)


9

Використовуйте <br>тег, щоб створити розрив рядка в документі

document.write("<br>");

Ось зразок загадки


1
+1, як здається, те, що дійсно шукає ОП :) (бр проти \ n)
Дем'ян Брехт

Звідки ти знаєш? Добре зазначити BR, але PRE міг би так само легко потрапити і там. Якщо вони будують мистецтво ASCII, я вважаю, що це очевидний текст.
Джаред Фарріш

@Jred: Як називається document.writeзвичайний текстовий документ? (Наприклад, як ви помістите scriptтег?) Хороший момент про preте, що легко може бути preрозділом.
TJ Crowder

@TJ - Дисплей простий текст, як у статті ASCII. Це все ще HTML-документ, хоча він просто показує його як звичайний показ.
Джаред Фарріш

@Jared: Так, я подумав. (Я думав, що ваш інший шматочок стосується text/plainдокумента, але я думаю, що я зрозумів, preщо це хороший момент.)
TJ Crowder

4

Використання "\n":

document.write("\n");

Зауважте, його потрібно оточити подвійними лапками, щоб його інтерпретувати як новий рядок. Ні, це не так.


1
Виведення нового рядка на сторінку HTML не вводить новий рядок у документ HTML. (І це не обов'язково повинні бути подвійні лапки, одиничні цитати також добре.)
TJ Crowder

@TJ - Якщо немає PRE?
Джаред Фарріш

О, за винятком вашого коментаря до іншої відповіді про preелемент. Гарна думка. Якщо виведення мистецтва ASCII в preрозділ, \nцілком може бути правильною справою ... (Редагувати: LOL, перекриваючи коментарі.)
TJ Crowder

@TJ Crowder - Ось приклад того, що я мав на увазі ( жорстоко
Джаред Фарріш

@Jared: О, ваш коментар про це preбув абсолютно зрозумілий. (Закрито для вас тегом: jsfiddle.net/wT3Ab/1 ) Найкраще,
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


Це не повинно бути в подвійних лапках?
Джаред Фарріш

5
Немає подвійних і синг-лапок у JavaScript. Ви просто не можете починати з подвійної цитати і закінчувати однією.
kemiller2002

Ну, я це знаю. Просто не знав, що сингли, і парні розглядалися однаково в JS. Повинно застрягти в PHP.
Джаред Фарріш

Переміщення між мовою - це завжди біль :)
kemiller2002

Добре знати, дякую. Щодня дізнайтеся щось нове. :) Нешкідлива помилка, напевно.
Джаред Фарріш

2

На html-сторінці:

document.write("<br>"); 

але якщо ви знаходитесь у файлі JavaScript, то це буде працювати як новий рядок:

document.write("\n");

1

Для рядка я просто пишу, "\n"щоб дати мені новий рядок. Наприклад, набравши console.log("First Name: Rex" + "\n" + "Last Name: Blythe");тип Введіть:

Ім'я: Рекс

Прізвище: 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 .


Це передбачає, що текст буде відображатися як 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

Якщо ви використовуєте файл JavaScript (.js), тоді використовуйте document.write("\n");. Якщо ви знаходитесь у HTML-файлі (.html або. Htm), тоді використовуйте document.write("<br/>");.


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

не буде працювати, якщо ви виконуєте його ( document.write();) кілька разів.

Я пропоную вам скористатися:

document.write("<br>");

PS Я знаю, що люди вказали цю відповідь вище, але різниці ніде не знайшли :)



-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 року вже не говорить.
Квентін

Ну, посилання виправлене, але воно вказує на демо-версію для пояснень, і ви досі нічого не говорите, що вже було сказано в 2011 році.
Квентін,
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.