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(?);
}
我正在打印一个星星金字塔,我无法获得新的打印线。
答案 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)
答案 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'
;
答案 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(" ")
或
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("
");