Question

js输出html在页面怎样显示换行

单独在js例使用 “\n”显示空格
单独在js里使用“<br/>”显示： 内容 <br/>内容
js部分代码

z=z+"第"+((b++)+1)+"名"+':'+''+stats[a].diamon+':'+stats[a].loginid+'\n'
req.session.stat = '\n'+'钻石':ID+'\n'+z;
html部分代码
<% if (stat) { %>
<li><%= '钻石前10名：'+stat %></li>
</ul>
<% } %>
页面显示为

源显示为





Answer 1

在页面中换行需要使用br标签或通过其他块级元素、css规则等方式实现：

1.br标签

<span>123<br />456<span>

2.块级元素（输出的html代码可以是一行，显示出来会出现3行）

<div>第一行</div><div>第二行</div><div>第三行</div>

3.pre标签（生成html代码必须包含所有的格式，如换行符\n等，会按照源代码的格式显示）

<pre>
第1行
第2行
第3行
</pre>

Answer 2

应该添加BR，你的语句：
z=z+"第"+((b++)+1)+"名"+':'+''+stats[a].diamon+':'+stats[a].loginid+'\n'

修改为：
z=z+"第"+((b++)+1)+"名"+':'+''+stats[a].diamon+':'+stats[a].loginid+'<br/>\n'

追问

z=z+"第"+((b++)+1)+"名"+':'+''+stats[a].diamon+':'+stats[a].loginid+'<br/>\n';

显示为上图，<br>无法使用

追答

这个语句这里是对的，必须加BR。

你现在看看最后输出这个变量Z的语句，那里有替换掉HTML代码的语句，你要把那个取消。

追问

我打算把显示写死，就这样啦，不使用回车了，我用的是node.js写的

Answer 3

<li>砖石1</li>
<li>砖石2</li>
<li>砖石1</li>
<li>砖石1</li>
<li>砖石1</li>
<li>砖石1</li>
<li>砖石1</li> 你应该是这样显示。

追问

您的意思是？

追答

z=""+z+"第"+((b++)+1)+"名"+':'+''+stats[a].diamon+':'+stats[a].loginid+'\n'
req.session.stat = '\n'+'钻石':ID+'\n'+z;
html部分代码

你试下

追问

页面显示为

源显示为