如何在Javascript中创建新行?

时间:2011-04-22 17:29:45

标签: javascript html newline line-breaks

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

}

我正在打印一个星星金字塔,我无法获得新的打印线。

19 个答案:

答案 0 :(得分:162)

使用\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页面上)。

答案 1 :(得分:24)

怎么样:

document.write ("<br>");

(假设您在html页面中,因为单独的换行仅显示为空格)

答案 2 :(得分:9)

使用<br>标记在文档中创建换行符

document.write("<br>");

这是一个小提琴样本

答案 3 :(得分:4)

使用"\n"

document.write("\n");

注意,它必须用双引号括起来才能被解释为换行符。不,它不会。

答案 4 :(得分:3)

document.writeln()是您正在寻找的内容,或者document.write('\n' + 'words')如果您在使用新线路时寻找更多粒度

答案 5 :(得分:2)

在html页面中:

document.write("<br>"); 

但如果您使用的是JavaScript文件,那么这将作为新行使用:

document.write("\n");

答案 6 :(得分: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';

Escape characters in JavaScript

答案 7 :(得分:1)

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

名字:雷克斯

姓氏:Blythe

答案 8 :(得分:1)

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

答案 9 :(得分:1)

您也可以像这样的星星金字塔

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

     }
     console.log(py);
 }

答案 10 :(得分: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>");
}

答案 11 :(得分:-1)

\ n不能正常工作。使用html标签

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

答案 12 :(得分:-1)

如果您使用的是JavaScript文件(.js),请使用document.write("\n");。如果您使用的是html文件(.html或.htm),请使用document.write("<br/>");

答案 13 :(得分:-1)

document.write("\n");
如果您多次执行(document.write();),

将无效。

我建议你选择:

document.write("<br>");

P.S 我知道人们已经在上面说过这个答案,但没有找到差异,所以:)

答案 14 :(得分:-1)

添加新行使用

document.write("<br>")

添加空间使用

document.write("&nbsp;")

document.write("\n")

答案 15 :(得分:-1)

\ n - &gt;换行符不适用于插入新行。

<nav id="site-navigation" class="main-navigation" role="navigation" aria-label="Menu supérieur">
<ul id="top-menu" class="menu"><li a="" id="nav-menu-item-2105" class="main-menu-item  menu-first menu-item-depth-0 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children has_children mega2"><a href="http://localhost/wordpress/commande/" class="menu-link  main-menu-link"><span>Commande</span></a><div class="sf-mega"><div class="sf-mega-inner clearfix">
<ul class="navi first  menu-depth-1">
	<li a="" id="nav-menu-item-2106" class="   menu-item-depth-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children has_children normal_menu_item"><a href="http://localhost/wordpress/panier/" class="menu-link  sub-menu-link"><span>Panier</span></a>
	<ul class="navi  navi menu-depth-2">
		<li a="" id="nav-menu-item-2107" class=" navi  menu-item-depth-2 menu-item menu-item-type-post_type menu-item-object-page normal_menu_item"><a href="http://localhost/wordpress/boutique/" class="menu-link  sub-menu-link"><span>Boutique</span></a></li>
		<li a="" id="nav-menu-item-2108" class=" navi  menu-item-depth-2 menu-item menu-item-type-post_type menu-item-object-page normal_menu_item"><a href="http://localhost/wordpress/blog/" class="menu-link  sub-menu-link"><span>Blog</span></a></li>
		<li a="" id="nav-menu-item-2109" class=" navi  menu-item-depth-2 menu-item menu-item-type-post_type menu-item-object-page normal_menu_item"><a href="http://localhost/wordpress/about/page-markup-and-formatting/" class="menu-link  sub-menu-link"><span>Page Markup And Formatting</span></a></li>
	</ul>
</li>
	<li a="" id="nav-menu-item-2113" class="   menu-item-depth-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children has_children normal_menu_item"><a href="http://localhost/wordpress/panier/" class="menu-link  sub-menu-link"><span>Panier</span></a>
	<ul class="navi  navi menu-depth-2">
		<li a="" id="nav-menu-item-2112" class=" navi  menu-item-depth-2 menu-item menu-item-type-post_type menu-item-object-page normal_menu_item"><a href="http://localhost/wordpress/level-1/level-2/level-3a/" class="menu-link  sub-menu-link"><span>Level 3a</span></a></li>
		<li a="" id="nav-menu-item-2111" class=" navi  menu-item-depth-2 menu-item menu-item-type-post_type menu-item-object-page normal_menu_item"><a href="http://localhost/wordpress/level-1/level-2/level-3b/" class="menu-link  sub-menu-link"><span>Level 3b</span></a></li>
		<li a="" id="nav-menu-item-2110" class=" navi  menu-item-depth-2 menu-item menu-item-type-post_type menu-item-object-page normal_menu_item"><a href="http://localhost/wordpress/about/page-image-alignment/" class="menu-link  sub-menu-link"><span>Page Image Alignment</span></a></li>
	</ul>
</li>
</ul>
</div></div></li>
<li a="" id="nav-menu-item-2114" class="main-menu-item   menu-item-depth-0 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children has_children normal_menu_item"><a href="http://localhost/wordpress/boutique/" class="menu-link  main-menu-link"><span>Boutique</span></a>
<ul class="navi first  menu-depth-1">
	<li a="" id="nav-menu-item-2115" class="   menu-item-depth-1 menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children has_children normal_menu_item"><a href="http://localhost/wordpress/page-d-exemple/" class="menu-link  sub-menu-link"><span>Page d’exemple</span></a>
	<ul class="navi  navi menu-depth-2">
		<li a="" id="nav-menu-item-2116" class=" navi  menu-item-depth-2 menu-item menu-item-type-post_type menu-item-object-page normal_menu_item"><a href="http://localhost/wordpress/page-b/" class="menu-link  sub-menu-link"><span>Page B</span></a></li>
	</ul>
</li>
</ul>
</li>
</ul>
</nav>

但是如果我们使用下面的代码那么它工作正常并且它给出了新的行。

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

注意:: 我尝试使用 Visual Studio代码

答案 16 :(得分:-1)

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

答案 17 :(得分:-1)

您可以使用以下链接: 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>');

}

答案 18 :(得分:-1)

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