如何在 Javascript 中创建新行？答案

【问题标题】：How do I create a new line in Javascript?如何在 Javascript 中创建新行？
【发布时间】：2011-08-11 02:50:29
【问题描述】：

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

}

我正在打印一个星星金字塔，我无法打印新行。

【问题讨论】：

document.write("
"); // 如果使用 .html
相关话题here.

标签： javascript html newline line-breaks

【解决方案1】：

使用\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 Test 在 HTML 源代码中将如下所示：

Hello<br><br>Test

HTML 将呈现为查看页面的人的换行符，\n 只是将文本放到源中的下一行（如果它在 HTML 页面上）。

【讨论】：

根据定义，如果 OP 使用document.write，它是一个 HTML 页面，而不是 XHTML 页面。   是 HTML 页面的正确换行符。   是 XHTML。
感谢 ``` document.write("
");``` 详细信息。我快要疯了

【解决方案2】：

怎么样：

document.write ("<br>");

（假设您在一个 html 页面中，因为单独的换行符只会显示为空格）

【讨论】：

【解决方案3】：

使用  标签在文档中创建换行符

document.write("<br>");

这是一个小提琴样本

http://jsfiddle.net/g6eAF/

【讨论】：

+1 因为这似乎是 OP真正正在寻找的东西 :) (br vs \n)
你怎么知道的？很高兴指出 BR，但 PRE 也可以很容易地在那里。如果他们正在构建 ASCII 艺术，我的想法是它是纯文本的。
@Jared：如何在纯文本文档中调用document.write？（例如，你如何放入script 标签？）不过，关于pre 的要点很容易成为pre 部分。
@T.J. - 显示为纯文本，如 ASCII 艺术。它仍然是一个 HTML 文档，不过，它只是将其显示为纯文本显示。
@Jared：是的，我明白了你的意思。（我认为您的另一位是关于 text/plain 文档，但我想我很清楚 pre 是一个好点。）

【解决方案4】：

使用"\n"：

document.write("\n");

~~注意，它必须用双引号括起来才能被解释为换行符。~~不，它没有。

【讨论】：

在 HTML 页面中输出换行符不会在 HTML 文档中引入新行。（它不必是双引号，单引号也可以。）
@T.J. - 除非涉及到 PRE？
哦，除了您评论关于pre 元素的另一个答案的观点。好点子。如果将 ASCII 艺术输出到 pre 部分，\n 可能是正确的...（编辑：LOL，重叠 cmets。）
@T.J. Crowder - 这是我的意思的一个例子（粗略开发）：jsfiddle.net/wT3Ab
@Jared：哦，你对pre 的评论非常清楚。（为你关闭标签：jsfiddle.net/wT3Ab/1）最好的，

【解决方案5】：

document.writeln() 是您要查找的内容，document.write('\n' + 'words') 如果您要在使用新行时寻找更多粒度

【讨论】：

【解决方案6】：

或者，使用 CSS white-space: pre 写入元素并使用 \n 作为换行符。

【讨论】：

谢谢！这很接近，white-space: pre-wrap 正是我想要的！ w3schools.com/cssref/pr_text_white-space.asp

【解决方案7】：

要创建一个新行，符号是'\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'；

Escape characters in JavaScript

【讨论】：

不用双引号吗？
JavaScript 中没有双引号和单引号是相同的。您不能以双引号开头并以单引号结尾。
嗯，我知道。只是不知道单打和双打在 JS 中的处理方式是一样的。必须卡在 PHP 中。
在语言之间移动总是很痛苦:)
很高兴知道，谢谢。每天学些新东西。 :) 可能是无害的错误。

【解决方案8】：

在html页面中：

document.write("<br>");

但如果你在 JavaScript 文件中，那么这将作为新行工作：

document.write("\n");

【讨论】：

【解决方案9】：

对于一个字符串，我只写"\n" 给我一个新行。例如，输入console.log("First Name: Rex" + "\n" + "Last Name: Blythe"); 将输入：

名字：雷克斯

姓：布莱斯

【讨论】：

【解决方案10】：

你也可以这样的星星金字塔

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

     }
     console.log(py);
 }

【讨论】：

【解决方案11】：

\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。如果这真的是一个通用的答案，那就不行了。

【解决方案12】：

你的解决方案是

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>");
}

【讨论】：

【解决方案13】：

尝试在 HTML pre 标记之间编写代码。

【讨论】：

也请添加代码。更好理解

【解决方案14】：

其实很简单。 :D

新建一行，只需要使用\n"function"。对于 HTML 相关项目，只使用 ，就像在实际的 HTML 脚本中一样。 :)

var i;
for(i=10; i>=0; i= i-1){
   var s;
   for(s=0; s<i; s = s+1){
    document.write("*");
   }
   // Here's the change
   document.write('\n');

}

输出

*
*
*
*
*
*
*
*
*
*
*

但是，请注意上面的输出在某些与 HTML 相关的项目中不起作用。为此，您需要使用   - 就像在 HTML 中一样：D

【讨论】：

【解决方案15】：

\n 不起作用。使用html标签

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

【讨论】：

【解决方案16】：

如果您使用的是 JavaScript 文件 (.js)，请使用 document.write("\n");。如果您在 html 文件（.html 或 .htm）中，请使用 document.write(" ");。

【讨论】：

【解决方案17】：

document.write("\n");

如果您多次执行 (document.write();) 将无法正常工作。

我建议你应该去：

document.write("<br>");

P.S 我知道人们已经在上面说明了这个答案，但在任何地方都没有找到差异 :)

【讨论】：

【解决方案18】：

您可以使用以下链接： New line in 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>');

}

【讨论】：

您的链接已损坏，并且您的代码示例没有说明 2011 年接受的答案还没有说明。
嗯，链接是固定的，但它指向一个无解释的演示，你仍然没有说什么现在已经在 2011 年说过。

【解决方案19】：

如果程序集成到html中使用； document.write("
");

【讨论】：